当前位置：网站首页>The page displays the current time in real time

The page displays the current time in real time

2022-04-23 07:45:00 【Senior salted fish~】

Knowledge points involve ：

1、 Time acquisition and format setting

2、 Set operation events for labels

3、 Timer settings 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <p class="p1"></p>
    <script>
        // Format ：2020 year 04 month 12 Japan  10:20:00  Tuesday 
        function format(newDate) {
            var day = newDate.getDay()
            var y = newDate.getFullYear()
            var m = (newDate.getMonth() + 1) < 10 ? "0" + (newDate.getMonth() + 1) : (newDate.getMonth() + 1)
            var d = newDate.getDate() < 10 ? "0" + newDate.getDate() : newDate.getDate()
            var h = newDate.getHours() < 10 ? "0" + newDate.getHours() : newDate.getHours()
            var min = newDate.getMinutes() < 10 ? "0" + newDate.getMinutes() : newDate.getMinutes()
            var s = newDate.getSeconds() < 10 ? "0" + newDate.getSeconds() : newDate.getSeconds()

            var dict = {
                1: " One ",
                2: " Two ",
                3: " 3、 ... and ",
                4: " Four ",
                5: " 5、 ... and ",
                6: " 6、 ... and ",
                0: " God ",
            }
            //var week=[" Japan "," One "," Two "," 3、 ... and "," Four "," 5、 ... and "," 6、 ... and "]
            return y + " year " + m + " month " + d + " Japan " + h + ":" + min + ":" + s + "  week " + dict[day]
        }
        
        var timerId = setInterval(function(){
            var newDate = new Date()
          document.querySelector(".p1").textContent = format(newDate)
        },1000)
        
    </script>
</body>

</html>

design sketch : Dynamic update

 

 

版权声明
本文为[Senior salted fish~]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204230623086947.html

边栏推荐

猜你喜欢

随机推荐