利用setInterval()方法实现在页面上显示实时时间

最新推荐文章于 2023-11-30 16:55:10 发布

be_perfunctory

最新推荐文章于 2023-11-30 16:55:10 发布

阅读量3k

点赞数 2

分类专栏：实时时间文章标签： js javascript html5

本文链接：https://blog.csdn.net/be_perfunctory/article/details/107446211

版权

实时时间专栏收录该内容

1 篇文章 0 订阅

订阅专栏

效果图:

代码如下：

<body>

    <div id='time'></div>

    <script>

        window.onload = function() {

                //每1秒刷新时间

                setInterval("NowTime()", 1000);

            }

        function NowTime() {

            var date = new Date();

            var year = date.getFullYear();

            var mounth = date.getMonth() + 1;

            mounth = mounth < 10 ? '0' + mounth : mounth

            var dates = date.getDate();

            dates = dates < 10 ? '0' + dates : dates

            var hour = date.getHours();

            hour = hour < 10 ? '0' + hour : hour

            var miao = date.getSeconds();

            miao = miao < 10 ? '0' + miao : miao

            var min = date.getMinutes();

            min = min < 10 ? '0' + min : min

            var Arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]

            var day = date.getDay();

            document.getElementById('time').innerHTML = `今天是 ${year} 年 ${mounth} 月 ${dates} 日 ${Arr[day]} <d class='ab'>${hour}:${min}:${miao}<d/>  `

        }



        // console.log(NowTime());


    </script>

</body>

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval("NowTime()", 1000) "Nowtime()调用函数 1000表示时间单位为毫秒 1000毫秒也就是1秒

实现1秒刷新一次。

be_perfunctory

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
利用setInterval()方法实现在页面上显示实时时间

效果图:代码如下：<body><divid='time'></div><script>window.onload=function(){//每1秒刷新时间setInterval("NowTime()",1000);}functionNowTime(){...
复制链接

扫一扫