【前端】JQ实时显示当前日期、时间、星期

最新推荐文章于 2024-09-02 13:38:28 发布

下页、再停留

最新推荐文章于 2024-09-02 13:38:28 发布

阅读量1k

点赞数

分类专栏：前端技术文章标签： javascript

本文链接：https://blog.csdn.net/qq_25285531/article/details/132581452

版权

前端技术专栏收录该内容

69 篇文章 0 订阅

订阅专栏

效果图

html

<span id="time"></span>

// 实时显示当前时间
$(document).ready(function () {
    function showTime() {
        var today = new Date;
        var y = today.getFullYear();
        var M = today.getMonth() + 1;
        var d = today.getDate();
        var w = today.getDay();
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        $("#time").html(y + '年' + M + '月' + d + '日  ' + '&nbsp;' + h + ':' + m + ':' + s + ' &nbsp;' + week[w]);
    }
    showTime();                     //先调用下，否则还需一秒后才呈现
    setInterval(showTime, 1000);    //每1秒(1000毫秒)后调用 showTime()
})