js实现HTML页面时钟动态显示

最新推荐文章于 2024-06-26 19:39:06 发布

OnMy22

最新推荐文章于 2024-06-26 19:39:06 发布

阅读量5.6k

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_38654336/article/details/80216509

版权

本文介绍如何通过JavaScript的setInterval()方法实现在HTML页面上实时显示动态更新的时间，展示了一个基本的网页时钟实现过程。

摘要由CSDN通过智能技术生成

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body οnlοad="startTime()">
    <script>
        // var date = new Date();
        // date.setFullYear(2010,1,11)
        // document.write(date)
        //时钟
        function startTime() {
            var today = new Date();
            var h = today.getHours();
            var m = today.getMinutes();
            var s = today.getSeconds();
            m = checkTime(m);
            s = checkTime(s);

            document.getElementById("timetxt").innerHTML = h+":"+m+":"+s
            t= setTimeout(function () {         //setTimeout的中的500的意思是多久调用一次函数，这里使用了递归
                startTime()
            },500);
        }

        function checkTime(i) {
            if(i<

最低0.47元/天解锁文章

OnMy22

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js实现HTML页面时钟动态显示

代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body onload="startTime
复制链接

扫一扫

专栏目录