dom04设置定时器

定时器:

定时执行
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>   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值