setTimeout的一个应用时钟

最新推荐文章于 2021-05-22 13:34:15 发布

原创最新推荐文章于 2021-05-22 13:34:15 发布 · 237 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#setTimeout #时钟

js基础同时被 2 个专栏收录

117 篇文章

订阅专栏

js-window

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript的setTimeout函数创建的简易时钟程序。通过定时更新页面元素展示当前时间，展示了基本的时间获取与格式化方法。

//简单的setTimeout的一个时钟

function showTime(){
    var today = new Date();
    var h = today.getHours(),
          m =today.getMinutes(),
          s = today.getSeconds();
    //追加0的判断
    m = checkZero(m);
    s =  checkZero(s);
    //绑给一个id为text的显示
    document.getElementById('text').innerHTML = h+":"+m+":"s;
    t = setTimeout('showTime()',500);
}

//内部调用
//不做参数类型防范性过滤
function checkZero(param){
    if(param < 10){
       param = "0"+param;  
    }
    return param;
}