html页面让时间走起来，JS自定义时间date格式

原创已于 2023-12-17 13:29:41 修改 · 226 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2023-10-17 16:13:15 首次发布

前端开发热点代码专栏收录该内容

5 篇文章

订阅专栏

文章介绍了如何使用JavaScript在HTML页面上动态显示时间，通过自定义Date对象的format方法格式化日期，并利用setInterval函数每秒更新时间。

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

html页面动态显示时间，让时间走起来，JS自定义时间date格式


    Date.prototype.format = function () {//给Date加上自定义属性：能格式化时间
        var MM = this.getMonth() + 1;
        if (this.getMonth() + 1 < 10) {
            MM = "0" + MM;
        }
        var dd = this.getDate();
        if (this.getDate() < 10) {
            dd = "0" + dd;
        }
        var hh = this.getHours();
        if (this.getHours() < 10) {
            hh = "0" + hh;
        }
        var mm = this.getMinutes();
        if (this.getMinutes() < 10) {
            mm = "0" + mm;
        }
        var ss = this.getSeconds();
        if (this.getSeconds() < 10) {
            ss = "0" + ss;
        }
        return this.getFullYear() + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss;
    }


    function moveDeviceDate() {
        var datestr = $("#device_passdate").text();
        if (!datestr || datestr.trim() == "") {
            return;
        }

        var date = new Date(datestr);
        datestr = new Date(date.getTime() + 1000).format();

        $("#device_passdate").text(datestr);
    }

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