js 动态显示当前时间

调用Date对象，获取当前时间。然后使用定时器每隔一秒执行一次，即可实现动态时间。

 h1 {
            color: red;
            font-size: 40px;
            font-weight: 400;
            text-align: center;
        }

<h1></h1>
    <script>
        var h1 = document.getElementsByTagName('h1')[0];

        function time() {
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth();
            month = month < 10 ? '0' + month : month;
            var day = date.getDate();
            day = day < 10 ? '0' + day : day;
            var week = date.getDay();
            var weeks = ['日', '一', '二', '三', '四', '五', '六'];
            var weekZn = weeks[week];
            var hou = date.getHours();
            hou = hou < 10 ? '0' + hou : hou;
            var min = date.getMinutes();
            min = min < 10 ? '0' + min : min;
            var sec = date.getSeconds();
            sec = sec < 10 ? '0' + sec : sec;
            return `${year}.${month}.${day}<br>星期 ${weekZn}<br>${hou} : ${min} : ${sec}`;
        }
        h1.innerHTML = time();
        setInterval(function() {
            h1.innerHTML = time();
        }, 1000)
 </script>