用JavaScript显示系统时间

JavaScript日期时间显示

最新推荐文章于 2025-10-19 17:37:59 发布

原创最新推荐文章于 2025-10-19 17:37:59 发布 · 926 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了一个使用JavaScript编写的简单函数，该函数能够获取当前日期时间，并将其格式化为包括年、月、日、小时、分钟、秒以及上午/下午标识和星期几的字符串。通过定时调用此函数，可以在网页上实时更新显示当前的时间。

<body>
    <p id="date"></p>
</body>
<script>
    function fun(){
        var date =new Date();
        var year = date.getFullYear();
        var month = date.getMonth();
        var day = date.getDate();
        var hour = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();
        var week = date.getDay();
        if(week==1){
            week="一";
        }if(week==2){
            week="二";
        }
        if(week==3){
            week="三";
        }
        if(week==4){
            week="四";
        }
        if(week==5){
            week="五";
        }
        if(week==6){
            week="六";
        }
        if(week==7){
            week="日";
        }
        var am="";
        if(hour>=0 && hour<=12){
            am = "AM";
        }else{
            am = "PM"
        }
            document.getElementById("date").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minutes+":"+seconds+" "+am+" 星期"+week;
        }
        onload = function(){
            setInterval("fun()",100);
        }
</script>