JavaScript计时器
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() { //查询 }