帶有星期的時間實時顯示程式碼

admin發表於2017-03-09

時間實時顯示的程式碼鋪天蓋地都是，下面介紹一種能夠以漢字方式顯示星期的實時顯示時間的程式碼例項。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>帶有星期的時間實時顯示程式碼-螞蟻部落</title>
</head> 
<body> 
<script type="text/javascript"> 
function showtime() { 
  var today,hour,second,minute,year,month,date; 
  var strDate ; 
  today=new Date(); 
  var n_day = today.getDay(); 
  switch (n_day) { 
   case 0:{ 
    strDate = "星期日" 
   }break; 
   case 1:{ 
     strDate = "星期一" 
   }break; 
   case 2:{ 
    strDate ="星期二" 
   }break; 
   case 3:{ 
    strDate = "星期三" 
   }break; 
   case 4:{ 
    strDate = "星期四" 
   }break; 
   case 5:{ 
    strDate = "星期五" 
   }break; 
   case 6:{ 
    strDate = "星期六" 
   }break; 
   case 7:{ 
    strDate = "星期日" 
   }break; 
  } 
  year = today.getFullYear(); 
  month = today.getMonth()+1; 
  date = today.getDate(); 
  hour = today.getHours(); 
  minute =today.getMinutes(); 
  second = today.getSeconds(); 
  if(month<10) month="0"+month; 
  if(date<10) date="0"+date; 
  if(hour<10) hour="0"+hour; 
  if(minute<10) minute="0"+minute; 
  if(second<10) second="0"+second; 
  document.getElementById("time").innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; 
  setTimeout("showtime();",1000);
} 
window.onload=function(){
  showtime();
}
</script>
<div id="time"></div>
</body> 
</html>

相關文章