js动态显示当前时间

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

<!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>

思路

获取当前时间
使用定时器每妙执行一次

来源：CSDN

作者：s.p.c

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

标签

js代码

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!