js实现动态显示时间

最新推荐文章于 2024-05-17 14:01:49 发布

゛Smlie。

最新推荐文章于 2024-05-17 14:01:49 发布

阅读量2.3k

点赞数 1

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

本文链接：https://blog.csdn.net/qq_43563538/article/details/115323486

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

//得到当前时间
var date = new Date();
//格式化为本地时间
var d1 = date.toLocaleString();
//使页面每秒显示一次时间

setInterval()  //定时器实现

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>动态显示时间</title>

        <style type="text/css">
            #times{
                width: 200px;
                height: 20px;
                border: 3px solid gray;  /*如果不加实线无法显示边框*/
            }
        </style>
    </head>

    <body>
        <div id="times">

        </div>

        <script type="text/javascript">
            //得到时间并写入div
            function getDate(){
                //获取当前时间
                var date = new Date();
                //格式化为本地时间格式
                var date1 = date.toLocaleString();
                //获取div
                var div1 = document.getElementById("times");
                //将时间写入div
                div1.innerHTML = date1;
            }
            //使用定时器每秒向div写入当前时间
            setInterval("getDate()",1000);
        </script>
    </body>
</html>

在这里插入图片描述

゛Smlie。

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
3
评论
js实现动态显示时间

//得到当前时间var date = new Date();//格式化为本地时间var d1 = date.toLocaleString();//使页面每秒显示一次时间setInterval() //定时器实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>动态显示时间</title>
复制链接

扫一扫