js动态显示当前时间实例

最新推荐文章于 2024-08-06 23:12:50 发布

℡梦醒时分

最新推荐文章于 2024-08-06 23:12:50 发布

阅读量363

点赞数

分类专栏： JavaScript 文章标签： javascript js html5 html

本文链接：https://blog.csdn.net/spc007spc/article/details/103728753

版权

JavaScript 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

本文通过JavaScript实现动态显示当前时间的功能，结合HTML展示效果。主要思路是获取当前时间，并利用定时器每秒更新时间。

摘要由CSDN通过智能技术生成

效果图
在这里插入图片描述
代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>动态显示时间</title>
        
    </head>
    
    <body>
        <div>
            当前时间为：<span id="times"></span>
        </div>
        
        <script type="text/javascript">
            //得到时间并写入span标签
            function getDate(){
                //获取当前时间
                var date = new Date();
                //格式化为本地时间格式
                var date1 = date.toLocaleString();
                //获取span标签ID
                var div1 = document.getElementById("times");
                //将时间写入span标签
                div1.innerHTML = date1;
            }
            //使用定时器每秒向div写入当前时间
            setInterval("getDate()",1000);
        </script>
    </body>
</html>