实例讲解JS中setTimeout()的用法

当需要在一定时间延迟之后再执行一段代码时，可以使用JavaScript中的setTimeout()函数。setTimeout()的语法格式为：

setTimeout(function, milliseconds, parameter1, parameter2, ...)

其中，function是要执行的函数，milliseconds是延迟的毫秒数，parameter1, parameter2等是可选的参数，它们会作为function函数的参数传递进去。

下面以实例的方式详细说明setTimeout()的用法。

示例一

假设我们需要在页面加载后3秒钟弹出一个提示框，我们可以使用下面的代码实现：

setTimeout(function(){
    alert("欢迎来到我的网站！");
}, 3000);

在上面的代码中，我们传递一个匿名函数给setTimeout()，并指定延迟3秒钟后执行，这个匿名函数中弹出了一个提示框。

示例二

假如我们需要在页面加载后5秒钟更新一个文本框的内容，则可以使用下面的代码：

setTimeout(function(txt){
    document.getElementById("myText").value = txt;
}, 5000, "这是更新后的内容");

在上面的代码中，我们传递了3个参数给setTimeout()：第一个参数是一个匿名函数，第二个参数是延迟5秒钟执行，第三个参数是要传递给匿名函数的txt参数值。

注意：setTimeout()虽然让我们可以在一定时间之后执行代码，但是不能保证在指定时间之后立即执行，因为JavaScript是单线程执行的，如果在执行队列中有其他任务，那么延迟执行时就需要等待这些任务执行完才能执行。此外，如果正在执行的任务很耗时，也会影响setTimeout()的执行时间。因此在实际应用中需要注意使用setTimeout()的性能问题。