显示年月日时分秒和星期几的两种方式

发布时间:2020-11-14编辑:脚本学堂
本文介绍下,在html页面中,通过js代码实时显示年月日时分秒和星期几的方法,有需要的朋友参考下吧。

1,年月日时分秒和星期几的方式一
 

复制代码 代码示例:
<html> 
<head> 
<script type="text/javascript"> 
    function startTime(){ 
         var today=new Date(); 
         var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"); 
         var n_day=today.getDay(); 
         switch(n_day){ 
             case 0: 
             {strDate=strDate+" 星期日 "}break
             case 1: 
             {strDate=strDate+" 星期一 "}break; 
             case 2: 
             {strDate=strDate+" 星期二  "}break; 
             case 3: 
             {strDate=strDate+" 星期三 "}break; 
             case 4: 
             {strDate=strDate+" 星期四 "}break; 
             case 5: 
             {strDate=strDate+" 星期五 "}break; 
             case 6: 
             {strDate=strDate+" 星期六 "}break; 
             case 7: 
             {strDate=strDate+" 星期日 "}break; 
         }  
         //增加时分秒 
         // add a zero in front of numbers<10 
         var h=today.getHours(); 
         var m=today.getMinutes(); 
         var s=today.getSeconds() 
         m=checkTime(m); 
         s=checkTime(s); 
         strDate=strDate+" "+h+":"+m+":"+s; 
         document.getElementById('txt').innerHTML=strDate; 
         t=setTimeout('startTime()',500) 
    } 
 
    function checkTime(i){ 
        if (i<10) {i="0" + i} 
        return i 
    } 
</script> 
</head>
<body onload="startTime()"> 
<div id="txt"></div> 
</body> 
</html>

2,年月日时分秒和星期几的方式二
 

复制代码 代码示例:
<td class="date"> 
    <script language="JavaScript" type="text/javascript"> 
         var today=new Date(); 
         var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"); 
         var n_day=today.getDay(); 
         switch(n_day){ 
             case 0: 
             {strDate=strDate+" 星期日 "}break; 
             case 1: 
             {strDate=strDate+" 星期一 "}break; 
             case 2: 
             {strDate=strDate+" 星期二  "}break; 
             case 3: 
             {strDate=strDate+" 星期三 "}break; 
             case 4: 
             {strDate=strDate+" 星期四 "}break; 
             case 5: 
             {strDate=strDate+" 星期五 "}break; 
             case 6: 
             {strDate=strDate+" 星期六 "}break; 
             case 7: 
             {strDate=strDate+" 星期日 "}break; 
         }  
         document.write(strDate); 
   </script> 
</td>