跳动时间

空空空

于 2007-01-06 16:20:00 发布

阅读量941

点赞数

CC 4.0 BY-SA版权

分类专栏：技术类文章标签： javascript function date div

本文链接：https://blog.youkuaiyun.com/ocan/article/details/1475724

技术类专栏收录该内容

54 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的网页动态时间显示效果。通过定时更新DOM元素内的文本内容，可以实时展示当前的日期和时间，包括年、月、日、小时、分钟及秒数。该方法利用了JavaScript内置的Date对象来获取系统时间，并通过简单的字符串拼接来格式化输出。

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

<head>
    <title>跳动时间</title>
    <script language="javascript" type="text/javascript">
    function showdate()
    {
        var d,s = "Now:";
        d = new Date();
        s += d.getYear();
        s += (((d.getMonth() + 1) < 10) ? "-0" : "-") + (d.getMonth() + 1);
        s += ((d.getDate() < 10) ? "-0" : "-") + d.getDate();
        s += ((d.getHours() < 10) ? " 0" : " ") + d.getHours();
        s += ((d.getMinutes() < 10) ? ":0" : ":") + d.getMinutes();
        s += ((d.getSeconds() < 10) ? ":0" : ":") + d.getSeconds();
        dt.innerText = s;
        setTimeout("showdate()",1000);
    }
    </script>
</head>
<body onload=showdate();>
<div id="dt"></div>
</body>