js方法写 定时器的设置及删除

效果:

 

 

1.Html部分:

    <div id="dd"></div> //不要忘记引入

2.js部分

var count=0                                  //删除定时器计时从0秒开始

function getdate() {

    var date = new Date();             //获取当时时间

    var hour = date.getHours();      //获取当时小时

    if(hour<10){                              //小于10小时是前面＋0

        hour="0"+hour;

    }

    var min = date.getMinutes();

    if(min<10){

        min="0"+min;

    }

    var sec = date.getSeconds();

    if(sec<10){

        sec="0"+sec;

    }

    count++;                                       

    if(count==20){                         //设置20s后定时器暂停

        clearInterval(ding)

    }

    var str = hour + ":" + min + ":" + sec;  //字符串拼接

    document.getElementById("dd").innerHTML = str;  //将时间写到桌面上;

}

var ding=setInterval(getdate,1000);    //定时器1s显示一次;

 

欢迎各位大神指点和评论;