JS定时器

定时器 setInterval 与 setTimeout的区别

setInterval

setInterval()方法可按照指定的周期来调用函数或者计算表达式（以毫秒为单位）
方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

以下实例在每 1000 毫秒执行 (1秒=1000毫秒)执行N次

var timer = null;
var num =1;
timer = setInterval (function(){
num++;
console.log(num)
},1000)

清除定时器：clearInterval(定时器的名字)

var timer = null;
var num =1;
timer = setInterval (function(){
num++;
console.log(num)
},1000)
clearInterval(timer)
timer = null

setTimeout

setTimeout() ：在指定的毫秒数后调用函数或计算表达式。
setTimeout()只执行函数一次，如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

以下实例在每 1000 毫秒执行 只执行一次

var timer = null;
var num =1;
timer = setTimeout (function(){
num++;
console.log(num)
},1000)

清除定时器：clearTimeout(定时器的名字)

var timer = null;
var num =1;
timer = setTimeout (function(){
num++;
console.log(num)
},1000)
clearTimeout(timer)
timer = null