参考了网络上各种资料，记录下网页中显示时间的方法，以备查阅。

最新推荐文章于 2022-12-30 10:43:15 发布

aoju2000

最新推荐文章于 2022-12-30 10:43:15 发布

阅读量144

点赞数

原文链接：http://www.cnblogs.com/xiao233/p/7201897.html

版权

网页中动态的显示系统日期时间

<body >
    当前时间：<div color='red' class="nowDateTime"></div>
    <script>
    var e = function(selector) {
        return document.querySelector(selector)
    }
    var startTime = function() {
        var d = new Date()
        var td = d.getDay()
        var y = d.getFullYear()
        var M = d.getMonth() + 1
        var da =d.getDate()
        var h = d.getHours()
        var m = d.getMinutes()
        var s = d.getSeconds()
        // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09
        M=checkTime(M)
        d=checkTime(d)
        m=checkTime(m)
        s=checkTime(s)

        var time = e('.nowDateTime')
        var dd = day(td)
        time.innerHTML= `${y}.${M}.${da}
                         ${dd}
                         ${h}:${m}:${s}
                                       `
        setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法
    }

    let a =[1, 2, 3, 4, 5, 6, 7]
    let b =['星期一','星期二','星期三','星期四','星期五','星期六','星期日']
    var day = function (t) {
        for ( i = 0; i < 7; i++) {
            let m = a[i]
            if (m == t) {
                return b[i]
            }
        }
    }

    var checkTime = function(i) {
        if (i < 10){
            i = "0" + i
        }
            return i
    }
  startTime()
    </script>
</body>

转载于:https://www.cnblogs.com/xiao233/p/7201897.html

aoju2000

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
参考了网络上各种资料，记录下网页中显示时间的方法，以备查阅。

网页中动态的显示系统日期时间 <body > 当前时间：<div color='red' class="nowDateTime"></div> <script> var e = function(selector) { return document.qu...
复制链接

扫一扫