new Date设置实时时间

最新推荐文章于 2024-08-04 10:58:32 发布

敲代码无敌小奶龙

最新推荐文章于 2024-08-04 10:58:32 发布

阅读量304

点赞数 1

分类专栏： vue 文章标签： javascript html5 ajax

本文链接：https://blog.csdn.net/qq_53986004/article/details/128600946

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript编写一个函数mytime()，该函数获取当前日期和时间，并将其格式化后显示在HTML页面的<spanid=time></span>元素中。通过设置setInterval，页面每秒自动更新一次时间，实现动态显示实时时间的效果。

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

2023.1.8今天我学习了如何设置实时的时间，效果如：

html代码如下：

<span id="time" style="color: skyblue;"></span>

js代码如下：

 function mytime() {

        var a = new Date();

        var b = a.toLocaleTimeString();

        var c = a.toLocaleDateString();

        document.getElementById("time").innerHTML = c + "&nbsp" + b;

    }

    setInterval(function() {
        mytime()
    }, 1000);