setInterval定时器setTimeout定时器不为人知的秘密

setInterval():以毫秒为单位,结合函数一起使用。

语法

setInterval(函数表达式,毫秒数)

setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭,由 setInterval()返回的ID值可用作clearInterval()方法的参数。

例子:
var j = 1;
setInterval(function(){
       j++;
       console.log(j);//输出值j
},1000)//表示每相隔1秒输出
setInterval.png

清除定时器clearsetInterval(定时器的名字)

例子:
var j = 1;
setInterval(function(){
       j++;
         console.log(j)
},1000)
clearInterval(j);//表示清除定时器
clearInterval.png

setTimeout

setTimeout(函数表达式,毫秒数);

setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()

语法、以及清除定时器的方法同setInterval一样!

setInterval与setTimeout得区别是:

setInterval会不停的调用函数
setTimeout只会执行函数一次
😅😅😅😅😅😅😅😅😅😅

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言:在引用开发中,我们经常需要在页面中执行一些周期性的操作,比如每隔一段时间就执行某一固定的操作。而对于这样的操...
    帅帅哒小白阅读 10,711评论 1 3
  • 原文地址:→传送门 写在前面 setTimeout()是大家再熟悉不过的定时器,但平时对定时器的了解甚少,于是想看...
    楼心漫阅读 5,450评论 3 6
  • 今天刚好在看setTimeout()的一个案例,在案例的解析中提到了setTimeout()和setInterva...
    msqt阅读 4,871评论 0 1
  • JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInt...
    许先生__阅读 3,754评论 0 1
  • JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInt...
    晚晴幽草阅读 5,598评论 1 18

友情链接更多精彩内容