本文實例講述了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>
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>
希望本文所述對大家的javascript程序設計有所幫助。
