javascript實時顯示北京時間的方法

2024-05-06 16:16:35

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了javascript實時顯示北京時間的方法,涉及javascript操作時間顯示的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了javascript實時顯示北京時間的方法。分享給大家供大家參考。具體如下：

該頁面中實時顯示北京時間，更改時區也可以作為顯示世界時間，代碼如下：

復制代碼代碼如下:

		<script type="text/javascript"> 
		Date.prototype.strftime = function(format){
		    var o = {
		      "M+" :  this.getMonth()+1,  //month
		      "d+" :  this.getDate(),     //day
		      "h+" :  this.getHours(),    //hour
		      "m+" :  this.getMinutes(),  //minute
		      "s+" :  this.getSeconds(), //second
		      "q+" :  Math.floor((this.getMonth()+3)/3),  //quarter
		      "S"  :  this.getMilliseconds() //millisecond
		    }
		    if(/(y+)/.test(format)) {
		        format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
		    }
		   for(var k in o) {
		    if(new RegExp("("+ k +")").test(format)) {
		      format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
		    }
		   }
		    return format;
		}
		function UTCToLocalTimeString(d, format) {    
		     var   timeOffsetInHours = (new Date().getTimezoneOffset()/60)  + -10;    
		    d.setHours(d.getHours() + timeOffsetInHours);
		    return d.strftime(format);
		}
		</script>
		<script >
		    setInterval(function(){var time = UTCToLocalTimeString(new Date(),'yyyy/MM/dd hh:mm:ss');document.getElementById("bjTime").innerHTML = time;},1000);
		</script>
		<span  id="bjTime"></span>