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

<head> <meta charset="utf-8"> <title>网页中动态的显示系统日期时间</title> </head> <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>
posted @ 2017-07-18 18:10  张强233  阅读(309)  评论(0)    收藏  举报