js定时器方法

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

方式/步调

1. 1

   setInterval()方式:按照距离时候，轮回执行方式。

   利用形式：window.setInterval（"方式名或方式"，"距离时候"）;

   功能：按照第二个参数中指心猿意马的时候距离（单元毫秒），执行第一个参数中给心猿意马的函数过程或动作。该方式会一向执行第一个参数函数，直到挪用遏制函数或窗口被封闭。

   
2. 2

   常用的利用形式如下：

   1.<script type="text/javascript">

      function test() { 

         console.log("我运行了一次");

       }

      var tmp=window.setInterval(test,1000);

   </script>

   操纵子函数，轮回实现每秒钟在开辟者东西的节制台界面显示一条提醒信息。

   
3. 3

   2.<script type="text/javascript">

      var tmp=window.setInterval(()=>{console.log("我运行了一次")},1000);

   </script>

   晦气用子函数，轮回实现每秒钟在开辟者东西的节制台界面显示一条提醒信息。

   
4. 4

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

   
5. 5

   遏制轮回

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

   
6. 6

   setTimeout() 方式：期待指按时间后，执行一次指心猿意马的方式。

   利用形式：window.setTimeout（"方式名或方式"，"期待时候"）;

   功能：当指心猿意马期待的时候事后，执行一次指心猿意马的方式。

   
7. 7

   利用方式年夜体与setInterval()法子一样，只是setTimeout原本只执行一次，所以晦气用子函数实现时，可直接如下图所示书写。

   
8. 8

   遏制轮回

   要遏制setTimeout()方式执行，可利用clearTimeout()方式。利用形式setTimeout("指标的目的setInterval方式的变量名")。