js时钟自动一秒钟执行一次，获取当前时间

妖狐艹你老母 2023-06-25 02:26 28阅读 0赞

![20191224170810546.jpg][]

<html>
    <head>
       <script type="text/javascript">
            function Clock() {
                var date = new Date();
                this.year = date.getFullYear();
                this.month = date.getMonth() + 1;
                this.date = date.getDate();
                this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
                this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
                this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
                this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
    
                this.toString = function() {
                    return  this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
                };
    
                this.toSimpleDate = function() {
                    return this.year + "-" + this.month + "-" + this.date;
                };
    
                this.toDetailDate = function() {
                    return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;
                };
    
                this.display = function(ele) {
                    var clock = new Clock();
                    ele.innerHTML = clock.toString();
                    window.setTimeout(function() {clock.display(ele);}, 1000);
                };
            }
        </script>
    </head>
    <body>
    <div id="clock" align="center"></div>
    <script type="text/javascript">
        var clock = new Clock();
        clock.display(document.getElementById("clock"));
    </script>
    </body>
    </html>

[20191224170810546.jpg]: https://img-blog.csdnimg.cn/20191224170810546.jpg