JavaScript计时器

Posted 2020-09-16 轴轴

1.计时事件:
什么是javascript的计时事件? 我们有能力做到在设定一个时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件

2.计时方法:
1).setInterval() -间隔指定的毫秒数不停地执行指定的代码
clearInterval() 方法用于停止setInterval()方法执行的函数代码
setInterval()接收2个参数

2).setTimeout()-暂停指定的毫秒数后执行指定的代码,属于window对象的方法,所以也可以 window.setTimeout(functionName, second) 这样使用
clearTimeout() -方法用于停止执行setTimeout()方法的函数代码
setTimeout()也是接收2个参数

 1 function startTime(){
 2     var today = new Date();
 3     var h = today.getHours();
 4     var m = today.getMinutes();
 5     var s = today.getSeconds();
 6     m = checkTime(m);
 7     s = checkTime(s);
 8     document.getElementById("timetxt").innerhtml = h + ":" + m + ":" +s;
 9     t = setTimeout(function(){
10         startTime();
11     }, 500); 
12 }
13 
14 function checkTime(i){
15     if(i<0){
16         i = "0" + i ;
17     }
18     return i;
19 }

第9行,调用setTimeout函数,然后使用递归模式,在500毫秒后再调用自己

3.它们都是window对象的方法,所以在书写时可以不用写window了

返回

 //原因 当用户输入快的时候可取消前面查询 
var TimerInterval = null;
//Key事件
$(aa).keyup(function () {
    clearInterval(TimerInterval);
     TimerInterval = setTimeout(Query,300);
});

function Query() {
        //查询
}

 JavaScript "自"运行-setInertval()和setTimeout()理解(其它参考1)