夕辞

JavaScript定时器,倒计时详解 | 夕辞夕辞

JavaScript定时器,倒计时详解

JavaScript中经常会用到定时器和倒计时相关功能,在这里就统一详解下。

倒计时:只执行一次的任务。

创建代码如下:

setTimeout(function(){
//这里写需要执行的代码或方法名...
//doSomething...
},3000);
//后面3000代表倒计时的毫秒数,上面例子表示3秒后执行

停止倒计时:在倒计时执行之前,也可以停止倒计时,停止代码如下:

//停止倒计时首先要获取类似句柄的表示,这里所说的句柄可以认为是任务ID,如下
var timeoutSign=setTimeout(function(){
//doSomething...
},3000);
//以下是停止倒计时的方法:
clearTimeout(timeoutSign);

 

定时器:重复执行多次的任务。

创建代码如下(第一次执行代码是在指定时间后,并不会立即执行代码):

setInterval(function(){
//这里写需要执行的代码或方法名...
//doSomething...
},3000);
//后面3000代表倒计时的毫秒数,上面例子表示每隔3秒执行一次

停止定时器:同样在定时器执行期间,如果需要停止,停止代码如下:

var intervalSign=setInterval(function(){
//这里写需要执行的代码或方法名...
//doSomething...
},3000);
//以下是停止定时器的方法
clearInterval(intervalSign);
回到顶部