js控制服务器时间的显示

最新推荐文章于 2021-11-22 15:26:26 发布

lean1252

最新推荐文章于 2021-11-22 15:26:26 发布

阅读量155

点赞数

分类专栏： script 文章标签：浏览器 HTML

script 专栏收录该内容

3 篇文章 0 订阅

订阅专栏


<!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>