您的位置:首页 > 其它

dom04设置定时器

2017-03-21 17:43 113 查看
定时器:

定时执行

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: