JS循环定时器和炸弹定时器

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);
					}
			}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值