js定时器

        在JavaScript制作web的使用过程中,我们大部分都使用过图片轮播的技术,其中关键的技术就是定时器。定时器的代码如下。

            

js定时器_第1张图片

分布详解一下:

        1.function定义一个函数test;     console.log()是我们进行调试用的,类似于alert(),在控制台中可以看到定时器的变化。

        2.定时器开启:  var定义一个变量timeid;     function定义一个函数startdingshiqi,给变量timeid赋予setInterval(“test()”,2000);  setInterval是不停止的跳动,就是在停止命令之前会一直执行;2000代表两秒执行一次命令。

        3.定时器终止:function定义一个函数stopdingshiqi;clearInterval()是对setInterval()的停止,这里是停止变量timed。


        4.分别对定时器的开启与取消设置一个按钮,onclick是点击事件的变量名。

        5.在看看执行结果如何:(1)点击开启定时器,下图会显示“setInterval调用了”;每两秒调用一次,显示调用的总次数;点击“取消定时器   ”会停止计数。


你可能感兴趣的:(js定时器)