JavaScript setTimeout() 介绍

setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。

语法格式可以是以下两种：

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)

接下来我们先来看一个简单的例子：

实例

setTimeout("alert('对不起, 要你久候')", 3000 )

尝试一下 » 在测试代码中我们可以看到页面在开启三秒后, 就会出现一个 alert 对话框。

setTimeout() 是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的代码, 如下图: setTimeout() 也可以用来执行指定的函数(function)，如下实例，网页上的文字会在三秒后消修改。

实例

请等三秒钟!

setTimeout("changeState()",3000 ); function changeState(){ let content=document.getElementById('content'); content.innerHTML=""; }

尝试一下 » 实例中设定了等待 3 秒 (3000 milliseconds) 后浏览器就会执行 changeState( ) 这一个函数。

接下来我们可以通过 setTimeout() 不断执行指定函数来实现一个计数器：

实例

x = 0 function countSecond() {　 x = x+1 document.getElementById("displayBox").value=x setTimeout("countSecond()", 1000) } // 执行函数 countSecond()

尝试一下 » 实例中页面在载入后执行 countSecond() 函数，该函数内使用了 setTimeout() 方法，该方法在每隔一秒调用 countSecond() 函数，所以最终会导致 countSecond( ) 每秒执行一次，实现计数效果。

当然我们也可以在计数器的函数上添加一些片段，实现在指定条件下停止计数：

实例

x = 0 function countSecond() {　 if(x