Js制作一个动态时钟

最新推荐文章于 2020-09-29 12:37:49 发布

别俗

最新推荐文章于 2020-09-29 12:37:49 发布

阅读量354

点赞数

本文链接：https://blog.csdn.net/ssscxs/article/details/102767471

版权

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script type="text/javascript" src="Js/jquery.js"></script>
<style>
    #show{
        width: 250px;
        height: 50px;
        margin: 0 auto;
    }

</style>

<body>
<div id="show"></div>
<script>
    var hour = 23;
    var min = 59;
    var sen = 54;
    function showTime() {
        sen++;
        if (sen>=60){
            min++;
            sen=0;
        }
        if (min>=60){
            hour++;
            min=0;
        }
        if (hour>=24){
            hour=0;
        }
        $("#show").text((hour < 10 ? ("0"+hour):hour)+":"+(min < 10 ? ("0"+min) : min)+ ":" +(sen<10 ? ("0"+sen):sen));
    }
    $(function () {
        showTime();
        setInterval(function () {
            showTime();
        },1000);
    });
</script>
</body>
</html>