js 定时器

/*

* 定时器: 设定一个定时器,并且设定了等待时间,当到达执行的时间,浏览器会把对应得方法执行

*

* 【常用得定时器】

* setTimeout([function],[interval]): 执行一次的定时器

* setInterval([function],[interval]): 可执行多次的定时器

*     [function]: 到达时间后执行得方法(设置定时器得时候方法没有执行,到时候浏览器帮我们执行)

    [interval]: 时间因子(需要等待得时间 MS)

*

* 1.设置定时器会有一个返回值,这个值是一个数字,属于定时器的编号,代表当前是第几个定时器(不管基于setTimeout还是setInterval创建定时器,这个编号回累加)

* clearTimeout([序号])/clearInterval([序号]):根据序号清除浏览器中设定的定时器

*/

// 执行一次

/*let count = 0;

    setTimeout(()=>{

        count++;

        console.log(count);

    },1000)

*/

// =》 轮循定时器,每间隔INTERVAL这么长时间,都会把设定的方法重新执行一次,知道定时器被清除

let count = 0;

let timer = setInterval(()=>{

    count++;

    console.log(count);

    if(count===10){

        // 清除定时器

        // clearInterval(timer)

        clearTimeout(timer)

    }

},1000);

// console.log(timer)  //1

// 清除定时器

// => clearTimeout / clearInterval: 这两个方法中任何一个都可以清楚用任何方法创建的定时器

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

推荐阅读更多精彩内容

  • 前言:在引用开发中,我们经常需要在页面中执行一些周期性的操作,比如每隔一段时间就执行某一固定的操作。而对于这样的操...
    帅帅哒小白阅读 10,700评论 1 3
  • 前言:对定时器的小整理。 JS单线程 Javascript语言的执行环境是"单线程"(single thread)...
    一包阅读 2,744评论 0 0
  • 从JS执行机制说起 浏览器(或者说JS引擎)执行JS的机制是基于事件循环。 由于JS是单线程,所以同一时间只能执行...
    love2013阅读 4,394评论 0 1
  • 定时器弹框 setTimeout 只执行一次的定时器clearTimeout 关闭只执行一次的定时器set...
    我本无常阅读 1,358评论 0 0
  • 在谈js定时器以前,我觉得有必要了解下javascript的事件运行机制,简称(javascript event ...
    JohnsonChe阅读 4,490评论 0 2