用jQuery制作动态时钟

qq_45747484

于 2019-10-28 21:01:03 发布

阅读量291

点赞数

文章标签： jQuery

本文链接：https://blog.csdn.net/qq_45747484/article/details/102788794

版权

在这里插入图片描述

<body>
//时钟显示
<div id="show"></div>

<script>
    var hour=12;
    var min=12;
    var sen=54;

    function showTime(){
        sen++;

        if(sen>=60){
            min++;
            sen=0;
        }

        if(min>=60){
            hour++;
            min=0;
        }

        if(hour>=24){
            hour=0;
        }

        var  dateStr=(hour<10?("0"+hour):hour)+":"+(min<10?("0"+min):min)+":"+(sen<10?("0"+sen):sen);
    $("#show").text(dateStr);
    }

    setInterval(function(){
       showTime();

    },1000);
</script>