JavaScript实时显示日期时间

黑贝是条狗

已于 2022-09-30 08:57:44 修改

阅读量2.3k

点赞数 1

分类专栏： nodejs 文章标签： javascript 前端开发语言

于 2022-09-29 17:24:15 首次发布

本文链接：https://blog.csdn.net/y281252548/article/details/127110757

版权

nodejs 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

网页里实时显示当前时间

<html>

    <head>

        <title>显示系统日期时间</title>

        <script language="JavaScript">

            function getCurrentTime()   

            {   

                var today=new Date();//定义日期对象   

                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    

                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回月    

                var dd = today.getDate();//通过日期对象的getDate()方法返回天     

                var hh=today.getHours();//通过日期对象的getHours方法返回小时   

                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   

                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   

                 

                MM=checkTime(MM);

                dd=checkTime(dd);

                mm=checkTime(mm);   

                ss=checkTime(ss);    

                var day; //用于保存星期（getDay()方法得到星期编号）

                if(today.getDay()==0)   day   =   "星期日 " 

                if(today.getDay()==1)   day   =   "星期一 " 

                if(today.getDay()==2)   day   =   "星期二 " 

                if(today.getDay()==3)   day   =   "星期三 " 

                if(today.getDay()==4)   day   =   "星期四 " 

                if(today.getDay()==5)   day   =   "星期五 " 

                if(today.getDay()==6)   day   =   "星期六 " 

                document.getElementById('nowSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   

                setTimeout('getCurrentTime()',1000);//每一秒中重新加载getCurrentTime()方法 

            }   

 
           //当分钟，月份，天数 小于10时是 9->09  补0函数
            function checkTime(i)   

            {   

                if (i<10){

                    i="0" + i;

                }   

                  return i;

            }  

        </script>

    </head>

    <body onload="getCurrentTime()" style="background-color: #000fff;color: white;">

        <font color="#33FFFF"><span id="nowSpan"></span></font> 

    </body>

</html>

如图：