显示当前系统时间(new date()..getHours())

一只极度渴望成长的Giser

于 2019-10-21 00:45:05 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript、JQuery练习文章标签：显示当前系统时间(new date()..getHours())

本文链接：https://blog.youkuaiyun.com/qq_32077521/article/details/97615743

Javascript、JQuery练习专栏收录该内容

69 篇文章

订阅专栏

本文详细解析了一段使用JavaScript实现的实时显示系统时间的代码。通过分析代码结构，包括HTML页面布局、元信息设置及核心JavaScript定时更新时间的逻辑，读者可以深入理解如何在网页上动态展示实时时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
</head>
<body>
    <script type="text/javascript">
        window.onload = function () {
            setInterval(function () {
                var nowTime = new Date();
                var hour = nowTime.getHours();
                var minute = nowTime.getMinutes();
                var second = nowTime.getSeconds();
                hour = hour < 10 ? '0' + hour : hour;
                minute = minute < 10 ? '0' + minute : minute;
                second = second < 10 ? '0' + second : second;
                document.body.innerText = '当前系统时间为：' + hour + ':' + minute + ':' + second;
            }, 1000);
        };
    </script>
</body>
</html>