使用JavaScript获取系统当前时间

小码哥呀

已于 2023-09-09 10:14:22 修改

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 前端

于 2021-10-28 23:06:36 首次发布

本文链接：https://blog.youkuaiyun.com/qq_46112274/article/details/121025372

JavaScript 专栏收录该内容

50 篇文章

订阅专栏

此博客介绍了如何使用JavaScript在网页上创建一个动态更新的当前时间显示，通过setTimeout和Date对象获取并格式化时间。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<div class="showTime"></div>
<script>
   var t = null;
   t = setTimeout(time, 1000);//開始运行
    function time() {
        clearTimeout(t);//清除定时器
        dt = new Date();
        var y = dt.getFullYear();
        var mt = dt.getMonth() + 1;
        var day = dt.getDate();
        var h = dt.getHours();//获取时
        var m = dt.getMinutes();//获取分
        var s = dt.getSeconds();//获取秒
        document.querySelector(".showTime").innerHTML = '当前时间：' + y + "年" + mt + "月" + day + " " + h + "时" + m + "分" + s + "秒";
        t = setTimeout(time, 1000); //设定定时器，循环运行     
    }
 </script>
</body>
</html>