利用JavaScript实现系统当前时间小案例

 废话不多说,直接上代码,复制过去直接用。

<body>
    <div></div>
</body>

<script>
    // 页面显示时间小案例
    let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六',]
    // 获取页面上需要展示时间的标签元素
    let div = document.querySelector('div')
    //    调用声明的函数
    getTime()
    // 创建定时器,每1秒钟执行一次
    setInterval(getTime, 1000)
    // 声明函数
    function getTime() {
        let date = new Date()
        let year = date.getFullYear()
        let getMonth = date.getMonth() + 1
        let date1 = date.getDate()
        let hour = date.getHours()
        hour = hour < 10 ? '0' + hour : hour
        let min = date.getMinutes()
        min = min < 10 ? '0' + min : min
        let sec = date.getSeconds()
        sec = sec < 10 ? '0' + sec : sec
        let day = date.getDay()
        div.innerHTML = `今天是:${year} 年${getMonth}月
        ${date1}日 ${hour}:${min}:${sec} ${arr[day]}`
    }
</script>

猜你喜欢

转载自blog.csdn.net/m0_60859997/article/details/128418169
今日推荐