1.setinterval();循环定时器
setinterval();循环定时器:规定时间间隔执行一次,像闹钟一样,不关闭继续执行
setinterval(code,millisec,lang);
Code:必需。要调用的函数或要执行的代码串
Millisec:必需。
Lang:可选。
2.setTimeout();炸弹定时器
setTimeout();炸弹定时器:只执行一次,不能执行下一次了
3.计时器案例
clearTimeout(setTime); // 清除定时器
60s倒计时特效案例
1.计时器必须调用一个有名称的函数,所以为我们创建show函数
2.每次循环定时器调用show函数时,num–
3.每次减1之后的num值 写入在button中去
4.在计时器开始执行的过程中,或出现负数,在show函数中加判断
5.判断的语句体:清除定时器、num重新赋值,button的innerHTML也要重新赋值
window.function(){
var btn=document.getElementById('btn');
btn.addEventListener('click',show,false);
var num=60;
var setTime;
function show(){
num--;
btn.innerHTML=num+'s后重新获取';
if(num<=0){
clearTimeout(setTime);
num=60;
btn.innerHTML='免费获取验证码';
}else{
setTime=setTimeout(show,1000);
}
}
}