定时器:
定时执行
var timerld=setInterval(code.interval);
clearInterval(timerld);
间隔时间执行,不是特别精确
//间歇定时器 setInterval(1回调函数,2时间间隔单位是毫秒);
间歇定时器
延迟执行
var timerld=setTimeout(code.interval);
clearTimeout(timerId);
//btn1设置延时定时器
//延时定时器 setTimeout(1回调函数2延迟的时间单位是毫秒)
var timerId=null;
var btn1=document.getElementById('btn1');
var btn2=document.getElementById('btn2');
btn1.onclick=function(){
setTimeout(function () {
console.log("boom");
},3000);
};
btn2.onclick=function(){
//清除定时器
clearTimeout(timerId);
};
window.open(1地址,2哪里打开,3窗口的属性).
var win=window.open("http://www.baidu.com","_blank","width=200,height=200");
btn.onclick=function(){
//1地址,2哪里打开,3窗口的属性
//window.open("http://www.baidu.com","_blank");//在新的空白窗口打开
//window.open("http://www.baidu.com","_self");//在当前窗口打开
window.open("http://www.baidu.com","_blank","width=200,height=200");//在新的空白窗口打开
}
win.close();//关闭当前窗口。
短信验证
<script>
//需求:点击按钮 按钮中的文字显示倒计时 倒计时后又恢复可以点击的状态
//代码提示:1绑定按钮,2给按钮注册点击事件,3点击后先禁用按钮disabled,
//4间歇定时器(倒计时,设置按钮中的value,定时器的回调函数中this指的是windows,)5时间不能写死(先用变量记录时间,每过一秒递减,)6判断倒计时的时间(到0秒后清除定时器,恢复可以点击的状态,里边文字变化)7num是全局变量,恢复num的值。
//
var timer=null;//这里为什么给定时器赋值个null啊?为什么不赋值其他?
var btn=document.getElementById('btn');
var num=5;
btn.onclick=function () {
//console.dir(btn);
this.disabled=true;//先禁用
timer=setInterval(function () {//添加间歇定时器
num--;
btn.value=num+"秒之后再次点击";//秒数不能写死
if (num===0) {
clearInterval(timer);//清除定时器
btn.value="点击发送验证码";
num=5;
};
},1000);
}
</script>