JavaScript定时器初步认识(2)

setInterval()方法的用法和setTimeout()方法的用法基本相同,其中参数为code和interval,只是参数code表示要周期性执行的代码,参数interva表示周期的时间间隔,也是以毫秒为单位。

如上的示例:在文本框中按秒针速度显示递增的数字,当循环10次后调用clearTimeout()方法清除对延迟代码的执行,并弹出提示信息。

//setInterval()用法和setTimeout()用法相同,只是code改为了周期性,即每个多久执行一次代码
        var t=document.getElementsByTagName("input")[0];
        var i=1;
        var out=setInterval(f,1000);//定义周期性执行的函数
        function f(){
            t.value=i++;
            if(i>10){
              clearTimeout(out);
              alert("时间到");
            }
        } 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/051a8a01ebf72cbe2b7f54650d716029.html