JavaScript函数在HTML动态显示当前时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="clock"></div>

    <script>
        function showTime(){
                var now = new Date();
                var y = now.getFullYear();
                var m = now.getMonth() + 1;
                var d = now.getDate();
                var w = now.getDay();
                var hour = now.getHours();
                var min =  now.getMinutes();
                var sec = now.getSeconds();
                var arrWeek = new Array("星期日 ", "星期一 ", "星期二 ", "星期三 ", "星期四 ", "星期五 ", "星期六 ");
                var time = y+"年"+m+"月"+d+"日 "+arrWeek[w]+hour+"时"+min+"分"+sec+"秒";
                var clock = document.getElementById('clock'); 
                clock.innerHTML="当前时间"+time;
        }
        
        setInterval("showTime()",1000);
    </script>
    
</body>
</html>
发布了46 篇原创文章 · 获赞 1 · 访问量 2422

猜你喜欢

转载自blog.csdn.net/weixin_43708069/article/details/103997848