带有 setTimeout 的 window.load - Javascript

在 Javascript 中，我们通常使用 window.onload 来执行代码，以确保页面完全加载后再执行相应的动作。但有时候，我们需要在一定的时间之后再执行某个操作，这个时候就可以使用 setTimeout 函数来实现。

什么是 setTimeout 函数？

setTimeout 函数是 Javascript 中的一个内置函数，它用于在一定的时间延迟后执行指定的代码。该函数接受两个参数：要执行的函数和延迟时间（以毫秒为单位）。

setTimeout(function() {
  // Your code here
}, delayInMilliseconds);

上述代码中，setTimeout 函数将在 delayInMilliseconds 毫秒之后执行附加的函数。

在 window.load 中使用 setTimeout 函数

通常，我们会在 window.onload 中执行一些代码，比如添加事件监听器，修改 DOM 元素等等。如果我们想要在页面加载完成后延迟一段时间再执行某些操作，可以将 setTimeout 函数放在 window.onload 的回调函数中。

window.onload = function() {
  setTimeout(function() {
    // Your code here
  }, delayInMilliseconds);
};

上述代码中，setTimeout 函数将在 delayInMilliseconds 毫秒之后执行附加的函数，该函数是作为 window.onload 的回调函数。

示例

下面是一个例子，展示了如何在 window.onload 中使用 setTimeout 函数：

window.onload = function() {
  setTimeout(function() {
    document.getElementById('myButton').addEventListener('click', function() {
      document.getElementById('myDiv').innerHTML = 'Hello, world!';
    });
  }, 5000);
};

上述代码中，我们延迟了 5 秒后再添加了一个按钮的点击事件监听器，当用户点击此按钮时，myDiv 元素的内容会变为 'Hello, world!'。

总结

setTimeout 函数可用于在指定的时间延迟后执行一些操作。我们可以在 window.onload 中使用它来延迟执行某些操作，以确保页面完全加载后再执行。