JS 定时器setInterval()

过多的就不描述了,可以直接参考官方文档:

官方文档:https://developer.mozilla.org/en-US/docs/Web/API/setInterval
参考文档:https://www.jianshu.com/p/55b4eb04b1d3

直接上干货
setInterval(参数1，参数2)
setInterval(方法名, 1000 * 60 * 1);
描述：定时执行 间隔执行
注意：
1.参数1可以是一个匿名函数 也可以是函数名
2.参数2 定时执行的毫秒数
例子：

setInterval(function () {
    
    
console.log('我是定时执行');//我是定时执行
},2000);
function showMessage(){
    
    
console.log('我的名字是 show');//我的名字是 show
}
setInterval(showMessage,2000);

3.清除定时器
clearInterval(定时器的变量名);
例子：

var num = 1;
var timer = setInterval(function () {
    
    
    num++;
    console.log(num);
    if (num >= 10) {
    
    
        clearInterval(timer);
    }
}, 2000);

setInterval定时器（先触发一次再延时）

需要间隔多少秒获取一次数据。实际中，往往采用setInterval来实现，但是当参数传递不当时，会出现先延迟了一段时间后再执行获取的数据的函数。如：

   var data1=0;
function count1(){
    
    
  console.log("count1:",data1++);
}
setInterval(count1,1000);

因此，应该先执行以下原函数，再返回该函数给setInterval周期执行。此时可以如下实现：

    var data2=0;
var count2= function(){
    
    
  console.log("count2:",data2++);
  return count2;//若不返回时，此函数只会执行一次
}
setInterval(count2(),1000);

或

    var data3=0;
   (function count3(){
    
    
       console.log("count3:",data3++);
       setTimeout(count3,1000);
   })();