`
lean1252
  • 浏览: 220092 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js控制服务器时间的显示

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>js控制服务器时间显示</TITLE>

<script>
	var serverTime = new Date();//用于在页面显示的最终时间值
	
	function formatDate(date) {//格式化时间为"yyyy-MM-dd HH:mm:ss"
		
	return date.getYear() + "-" +
	(date.getMonth() < 9 ? "0" + (date.getMonth() + 1): date.getMonth() + 1) + "-" + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " " + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":" + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
	}
	
//获取服务器的时间,该方法只调用一次,客户端看到的时间都将基于些时间
	function serverCurTime() {
			
	  var srvTimeEl = document.getElementById("serverTime");  
	  var srvTimeVal;
	  if(window.navigator.userAgent.toLowerCase().indexOf("msie")>=1) {//判断浏览器类型
  		srvTimeVal = srvTimeEl.innerText;
	  } else {
  		srvTimeVal = srvTimeEl.textContent;   
      }
	  var splitTime = srvTimeVal.split(" ");
	  
	  var ymd = splitTime[0].split("-");
	  var year = ymd[0];
	  var month = ymd[1] - 1;
	  var date= ymd[2];
	   
	  var hms = splitTime[1].split(":");
	  var hour = parseInt(hms[0]);
	  var minute = parseInt(hms[1]);
	  var second = parseInt(hms[2]);
	  
	  serverTime.setYear(year);
	  serverTime.setMonth(month);
	  serverTime.setDate(date);
	  serverTime.setHours(hour);
	  serverTime.setMinutes(minute);
	  serverTime.setSeconds(second);
	  document.getElementById("curTime").innerText = formatDate(serverTime);
	 }

	 function plusOneSec() {//自动增加一秒
	 	serverTime.setSeconds(serverTime.getSeconds() + 1);
		document.getElementById("curTime").innerText = formatDate(serverTime);  	
	 }

setInterval(plusOneSec,1000);//每隔一分钟调用plusOneSec function
	</script>

</HEAD>

<BODY onload="serverCurTime();">
<!--隐藏获得的服务器时间-->
<span id="serverTime" style="display:none">2008-03-23 12:00:00</span>
<!--显示在页面的实际时间-->
<span id="curTime"></span>
</tbody>
</table>
</BODY>
</HTML>



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics