首页 > 其他 > 详细

显示当前时间

时间:2021-09-16 20:01:15      阅读:62      评论:0      收藏:0      [点我收藏+]
<div id="dv"></div>
    <script>
        function getTime() {
            // 定义星期数组
            var weekArr = [‘日‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘]
            // 获取当前时间
            var time = new Date()
            var year = time.getFullYear()
            var month = time.getMonth() + 1
            var date = time.getDate()
            var hours = time.getHours()
            var minutes = time.getMinutes()
            var seconds = time.getSeconds()
            var week = time.getDay()

            // 拼接字符串
            // var timeStr = year + ‘年‘ + month + ‘月‘ + date + ‘日‘ + ‘星期‘ + weekArr[week] + addZero(hours) + ‘:‘ + addZero(minutes) + ‘:‘ + addZero(seconds)

            // 模板字符串 键盘ESC下面的符号 ``
            // 如果是变量 ${变量}
            var timeStr = `${year}年${month}月${date}日星期${weekArr[week]}${addZero(hours)}时${addZero(minutes)}分${addZero(seconds)}秒`

            // 写入到页面
            // 直接通过id=dv使用元素 不需要获取元素
            dv.innerHTML = timeStr
        }
        // 为了防止页面出现空白 所以手动调用一次
        getTime()

        // 补0函数
        function addZero(time) {
            // 判断传入的数值是否 <0 小于则补0
            return time < 10 ? ‘0‘ + time : time
        }

        setInterval(getTime, 1000)
    </script>

显示当前时间

原文:https://www.cnblogs.com/magnum-2077/p/15266839.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!