HTML实现动态本机时间

最新推荐文章于 2024-07-15 07:00:00 发布

lxtinga

最新推荐文章于 2024-07-15 07:00:00 发布

阅读量3.5k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/lxtinga/article/details/79579004

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态时间显示</title>
    <script language="javascript">
        var t = null;
        t = setTimeout(time,1000);//开始执行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y=dt.getYear()+1900;
            var mm=dt.getMonth()+1;
            var d=dt.getDate();
            var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
            var day=dt.getDay();
            var h=dt.getHours();
            var m=dt.getMinutes();
            var s=dt.getSeconds();
            if(h<10){h="0"+h;}
            if(m<10){m="0"+m;}
            if(s<10){s="0"+s;}
            document.getElementById("timeShow").innerHTML =  "现在的时间为："+y+"年"+mm+"月"+d+"日"+weekday[day]+""+h+":"+m+":"+s+"";
            t = setTimeout(time,1000); //设定定时器，循环执行
        }
    </script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

lxtinga

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
HTML实现动态本机时间

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;动态时间显示&lt;/title&gt; &lt;script language="javascript"&gt;
复制链接

扫一扫