首页 > Web开发 > 详细

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

时间:2020-02-11 16:39:33      阅读:62      评论:0      收藏:0      [点我收藏+]

效果:

技术分享图片

 

 

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显示一次;
 
欢迎各位大神指点和评论;

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

原文:https://www.cnblogs.com/lxc127136/p/12295408.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!