过多的就不描述了,可以直接参考官方文档:
官方文档: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(定时器的变量名);
例子：文章来源：https://www.toymoban.com/news/detail-546996.html
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);
或文章来源地址https://www.toymoban.com/news/detail-546996.html
var data3=0;
(function count3(){
console.log("count3:",data3++);
setTimeout(count3,1000);
})();
到了这里，关于JS 定时器setInterval()的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
