在頁面上能夠自動變動的帶有星期的時間日期程式碼

antzone發表於2017-04-01

在不少網站頁面都有這樣的效果，那就是在頁面的某一個位置會有一個能夠自動變動的時間日期效果。

當然這個功能是否能夠給使用者起到實際作用不得而知，因為電腦本身就有這樣的功能。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
function time (){
  var now = new Date();
  var yr = now.getFullYear();
  var mName = now.getMonth() + 1;
  var dName = now.getDay() + 1;
  var dayNr = ((now.getDate()<10) ? "0" : "")+ now.getDate();
  var ampm = (now.getHours() >= 12) ? " PM" : " AM"
  var hours = now.getHours();
  hours = ((hours > 12) ? hours - 12 : hours);
  var minutes = ((now.getMinutes() < 10) ? ":0" : ":") + now.getMinutes();
  var seconds = ((now.getSeconds() < 10) ? ":0" : ":") + now.getSeconds();
  if(dName==1) Day = "星期日";
  if(dName==2) Day = "星期一";
  if(dName==3) Day = "星期二";
  if(dName==4) Day = "星期三";
  if(dName==5) Day = "星期四";
  if(dName==6) Day = "星期五";
  if(dName==7) Day = "星期六";
  if(mName==1) Month="1月";
  if(mName==2) Month="2月";
  if(mName==3) Month="3月";
  if(mName==4) Month="4月";
  if(mName==5) Month="5月";
  if(mName==6) Month="6月";
  if(mName==7) Month="7月";
  if(mName==8) Month="8月";
  if(mName==9) Month="9月";
  if(mName==10) Month="10月";
  if(mName==11) Month="11月";
  if(mName==12) Month="12月";
  var DayDateTime=(yr+ "年"+" "+ Month
  + dayNr+ "日"+ Day+ " "
  + hours+ minutes+ seconds+ " "+ ampm);
  document.getElementById ("show").innerText=DayDateTime ;
  timerID=setTimeout("time()",1000);
}
window.onload=function(){
  time()
} 
</script>
</head>
<body>
<div id="show"></div>
</body>
</html>

相關文章