JavaScript - 获取系统当前时间

最新推荐文章于 2025-06-03 16:05:30 发布

原创最新推荐文章于 2025-06-03 16:05:30 发布 · 818 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#获取系统当前时间 #javascript

javascript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的简单网页程序，该程序可以实时显示系统的当前时间，包括年、月、日、小时、分钟和秒，并能根据小时数判断当前为上午还是下午，同时还展示了如何获取并显示星期几。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>获取系统当前时间 </title>
    <script type="text/javascript">
        function showTime(){
            var today=new Date();
            var year=today.getFullYear();
            var month=today.getMonth()+1;
            var date=today.getDate();
            var hour=today.getHours();
            hour=checkTime(hour);
            var shangxia="上午";
            if(hour>12){
                shangxia="下午";
                hour=hour-12;
            }
            var minute=today.getMinutes();
            minute=checkTime(minute);
            var second=today.getSeconds();
            second=checkTime(second);
            var day=today.getDay();
            var weekday;
            switch(day){
                case 0:
                    weekday="星期天";
                    break;
                case 1:
                    weekday="星期一";
                    break;
                case 2:
                    weekday="星期二";
                    break;
                case 3:
                    weekday="星期三";
                    break;
            }
            var currentTime=year+"年"+month+"月"+date+"日 "+hour+":"+minute+":"+second+" "+shangxia+" "+weekday;
            document.getElementById("time").innerHTML=currentTime;
        }

        function checkTime(t){
            if(t<10){
                t="0"+t;
            }
            return t;
        }

        setInterval("showTime()",1000);
    </script>
</head>

<body>
    <div id="time"></div>
</body>
</html>