js常用的计数器方法setInterval()、clearInterval()、setTimeout()和clearTimeout()

|  方法| 描述 ||--|--|| setInterval |  周期性地调用一个函数(function)或者执行一段代码。|

setInterval()

window.setInterval()方法,周期性地调用一个函数(function)或者执行一段代码。

例子

setInterval(function(){
    console.log("log")
},1000)
clearInterval()

window.clearInterval() 取消掉用setInterval设置的重复执行动作.
例子

var pageTimer = {} ; //定义计算器全局变量
//赋值模拟
pageTimer["timer1"] = setInterval(function(){},2000);
pageTimer["timer2"] = setInterval(function(){},2000);
//全部清除方法
for(var each in pageTimer){
    clearInterval(pageTimer[each]);
}
// 暴力清除
for(var i = 1; i < 1000; i++) {
    clearInterval(i);
}

setTimeout()

在指定的延迟时间之后调用一个函数或者执行一个代码片段。

window.setTimeout()

例子

// 推荐
window.setTimeout(function() {
    alert("Hello World!");
}, 500);

// 不推荐
window.setTimeout("alert("Hello World!");", 500);


clearTimeout()

window.clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

例子

var c=0
var t
function timedCount(){
    document.getElementById('txt').value=c
    c=c+1
    t=setTimeout("timedCount()",1000)
}
function stopCount(){
    clearTimeout(t)
}

猜你喜欢

转载自blog.csdn.net/weixin_43755104/article/details/107663632