赞助
 // 电子表
        // 通过 Date() 内置构造函数,生成时间对象
        // 获取其中的时间信息,转化成需要的字符串


        // 没有时间间隔,先执行一次
        // 为了防止一开始没有显示内容
        
        // 获取当前时间
        var d = new Date();

        // 获取4位年份
        var year = d.getFullYear();

        // 获取月份  实际月份是获取结果+1
        var month = d.getMonth() + 1;

        // 获取日期  
        var date = d.getDate();

        // 获取星期  需要转化为中文  
        var week = d.getDay();
        var weekArr = ['日', '一', '二', '三', '四', '五', '六'];
        week = weekArr[week];

        // 获取小时
        var hours = d.getHours();

        // 获取分钟
        var minutes = d.getMinutes();
        // 如果分钟是个位数值,也就是小于10,在数值前,拼接 0 
        if (minutes < 10) {
            minutes = '0' + minutes;
        }

        // 获取秒
        var seconds = d.getSeconds();
        // 如果秒是个位数值,也就是小于10,在数值前,拼接 0 
        if (seconds < 10) {
            seconds = '0' + seconds;
        }

        document.querySelector('div').innerHTML = `当前时间是 : ${year}年${month}月${date}日,星期${week},${hours}点${minutes}分${seconds}秒`;




        // 之后再通过定时器来循环执行
        setInterval(function () {

            // 获取当前时间
            var d = new Date();

            // 获取4位年份
            var year = d.getFullYear();

            // 获取月份  实际月份是获取结果+1
            var month = d.getMonth() + 1;

            // 获取日期  
            var date = d.getDate();

            // 获取星期  需要转化为中文  
            var week = d.getDay();
            var weekArr = ['日', '一', '二', '三', '四', '五', '六'];
            week = weekArr[week];

            // 获取小时
            var hours = d.getHours();

            // 获取分钟
            var minutes = d.getMinutes();
            // 如果分钟是个位数值,也就是小于10,在数值前,拼接 0 
            if (minutes < 10) {
                minutes = '0' + minutes;
            }

            // 获取秒
            var seconds = d.getSeconds();
            // 如果秒是个位数值,也就是小于10,在数值前,拼接 0 
            if (seconds < 10) {
                seconds = '0' + seconds;
            }

            document.querySelector('div').innerHTML = `当前时间是 : ${year}年${month}月${date}日,星期${week},${hours}点${minutes}分${seconds}秒`;

        }, 1000);
posted on 2020-11-29 22:29  Tsunami黄嵩粟  阅读(102)  评论(0)    收藏  举报