js定时器方法

js设置按时器本家儿有以下两个方式:setInterval() 、setTimeout() , 下面, 小编就别离来介绍一下这两个js按时器方式的利用 。

js定时器方法

文章插图
方式/
1setInterval()方式:按照距离时候, 轮回执行方式 。
利用形式:window.setInterval("方式名或方式", "距离时候");
功能:按照第二个参数中指定的时候距离(单元毫秒), 执行第一个参数中给定的函数过程或动作 。 该方式会一向执行第一个参数函数, 直到挪用遏制函数或窗口被封闭 。

js定时器方法

文章插图

2常用的利用形式如下:
1.<script type="text/javascript">
   function test() { 
      console.log("我运行了一次");
    }
   var tmp=window.setInterval(test,1000);
</script>
操纵子函数, 轮回实现每秒钟在开辟者东西的节制台界面显示一条提醒信息 。

js定时器方法

文章插图

js定时器方法

文章插图

32.<script type="text/javascript">
   var tmp=window.setInterval(()=>{console.log("我运行了一次")},1000);
</script>
晦气用子函数, 轮回实现每秒钟在开辟者东西的节制台界面显示一条提醒信息 。

js定时器方法

文章插图

js定时器方法

文章插图

4需要的是, 若何晦气用子函数, 写当作window.setInterval(console.log("我运行了一次"),1000)形式的话, 第一参数指定的方式只会运行一次 。

js定时器方法

文章插图

js定时器方法

文章插图

5遏制轮回
要遏制setInterval()方式的轮回, 可利用clearInterval()方式 。 利用形式clearInterval("指标的目的setInterval方式的变量名") 。 它只有一个参数, 好比我们要遏制
三中的按时器, 则参数应写当作tmp:window.clearInterval(tmp);

js定时器方法

文章插图

js定时器方法

文章插图

6setTimeout() 方式:期待指按时间后, 执行一次指定的方式 。
利用形式:window.setTimeout("方式名或方式", "期待时候");
功能:当指定期待的时候事后, 执行一次指定的方式 。

js定时器方法

推荐阅读