当前位置：网站首页>Page electronic clock (use js to dynamically obtain time display)

Page electronic clock (use js to dynamically obtain time display)

2022-06-25 05:02:00 【Dai Sensen】

effect

Please add a picture description

Code 

    <style>
        h2 {
    
            text-align: center;
        }
    </style>
    <script>
        window.addEventListener('load', function() {
    

            var h2 = document.querySelector('h2');
            time();
            var timer = setInterval(time, 1000);

            function time() {
    

                var date = new Date();
                Y = date.getFullYear();
                console.log(Y);
                M = date.getMonth() + 1;
                console.log(M);
                D = date.getDate();
                console.log(D);
                W = date.getDay();
                switch (W) {
    
                    case 0:
                        W = " Japan ";
                        break;
                    case 1:
                        W = " One ";
                        break;
                    case 2:
                        W = " Two ";
                        break;
                    case 3:
                        W = " 3、 ... and ";
                        break;
                    case 4:
                        W = " Four ";
                        break;
                    case 5:
                        W = " 5、 ... and ";
                        break;
                    case 6:
                        W = " 6、 ... and ";
                        break;
                }
                console.log(W);
                var h = date.getHours();
                h = h < 10 ? '0' + h : h;
                console.log(h);
                var m = date.getMinutes();
                m = m < 10 ? '0' + m : m;
                console.log(m);
                var s = date.getSeconds();
                s = s < 10 ? '0' + s : s;
                console.log(s);
                console.log('========');
                h2.innerHTML = Y + " year " + M + ' month ' + D + ' Sunday and Sunday ' + W + " " + h + ':' + m + ':' + s;
            }

        });
    </script>
</head>

<body>
    <h2>123</h2>
</body>
原网站

版权声明
本文为[Dai Sensen]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202210528225710.html

边栏推荐

猜你喜欢

随机推荐