电子时钟的整理

电子时钟需要注意的是刷新那一刻

1.当前时间的获取
2.加定时器时间走动
3.解决刷新问题

	<div class="box"></div>
    <script>
       (function(){
           //刷新那一刻，浏览器会空白，需要提前先调用一次fn
           fn()
           function fn(){
            //实例化
            var date = new Date();
            //获取年
            var year = date.getFullYear()
            //获取月
            var month = date.getMonth()
            //获取日
            var day = date.getDate()
            //获取时
            var hour = date.getHours()
            //获取分
            var minute = date.getMinutes()
            //获取秒
            var seconds = date.getSeconds()    
            //加0
            month += 1;
            month = month < 10 ? '0' + month : month;
        
            day < 10 ? '0' + day : day;
            hour < 10 ? '0' + hour : hour;
            minute < 10 ? '0' + minute : minute;
            seconds < 10 ? '0' + seconds : seconds;

            //获取div元素
            var box = document.querySelector('div')
            box.innerHTML = year + '年' + month + '月' + day + '日' + hour + ':' + minute + ':' + seconds;
           }
            setInterval(fn,1000)
        })()        
    </script>