⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 display system time.html

📁 如何用JavaScript在Html页面上显示系统时间
💻 HTML
字号:
<html>
  <head>
   
    
    <title>显示系统时间</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
  </head>
  <style type="text/css">
 <!--
  td{
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	font-weight: bold;
  }
  h1{
	font-family: "Times New Roman", Times, serif, "宋体", "楷体_GB2312";
	color:#FF0033;
  }
  span{color:#3300FF  }

 

 -->
  </style>
<SCRIPT language=JavaScript. type=text/JavaScript>

function ShowTime(objID)
{
    var NewDate=new Date();
    var Year=NewDate.getYear();
    var Month=NewDate.getMonth()+1;
    var DayS=NewDate.getDate();
    var Hour=NewDate.getHours();
    var Minute=NewDate.getMinutes();
    var Second=NewDate.getSeconds();
    var Xday;
    var ShowStr;
                
    if(navigator.userAgent.indexOf("MSIE")==-1)
       Year=1900+Year;
                   
    switch(NewDate.getDay())
     {
       case 0:Xday="星期日";
           break;
       case 1:Xday="星期一";
           break;
       case 2:Xday="星期二";
           break;
       case 3:Xday="星期三";
           break;
       case 4:Xday="星期四";
           break;
       case 5:Xday="星期五";
           break;
       case 6:Xday="星期六";
           break;
    }
                
    if(Month<10)
        Month="0" + Month;
                  
    if(DayS<10)
        DayS="0" + DayS;
                
    if(Hour<10)
        Hour="0" + Hour;
                
    if(Minute<10)
        Minute="0" + Minute;
                  
    if(Second<10)
        Second="0" + Second;
                  
     ShowStr=Year + "年" + Month + "月" + DayS + "日";
     ShowStr +="  " + Xday + "  ";
     ShowStr +=Hour + ":" + Minute + ":" + Second;
                
     document.getElementById(objID).innerHTML =ShowStr;
}
</script>

  
  <body><center>
  <h1>系统时间</h1>
</table><table>
  <tr><td>
<span id="showtime"></span>
<script type="text/javascript">
setInterval("ShowTime('showtime')",1000);
</script></td></tr></table>
  </center>
  </body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -