javascript實時顯示北京時間的方法
更新時間：2015年03月12日 10:18:33 作者：pyawen
這篇文章主要介紹了javascript實時顯示北京時間的方法,涉及javascript操作時間顯示的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實時顯示北京時間的方法。分享給大家供大家參考。具體如下：
該頁面中實時顯示北京時間，更改時區(qū)也可以作為顯示世界時間，代碼如下：
復(fù)制代碼 代碼如下:
<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程序設(shè)計有所幫助。
相關(guān)文章
下面小編就為大家分享一篇webpack將js打包后的map文件詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
使用Bootstrap和Vue實現(xiàn)用戶信息的編輯刪除功能
這篇文章主要介紹了使用Bootstrap和Vue實現(xiàn)用戶信息的編輯刪除功能,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了微信小程序自定義導(dǎo)航隱藏和顯示功能,需要的朋友可以參考下2017-06-06
javascript實現(xiàn)仿銀行密碼輸入框效果的代碼
這篇文章通過實例代碼給大家介紹了javascript實現(xiàn)仿銀行密碼輸入框效果，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2007-12-12
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)打磚塊游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
JavaScript Function函數(shù)類型介紹
在JS中,Function(函數(shù))類型實際上是對象;每個函數(shù)都是Function類型的實例;而且都與其他引用類型一樣具有屬性和方法2015-04-04
uni-app微信小程序登錄授權(quán)的實現(xiàn)
這篇文章主要介紹了uni-app微信小程序登錄授權(quán)的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
深入了解JavaScript的邏輯運(yùn)算符（與、或）
本篇文章分享的是 JS 當(dāng)中的邏輯運(yùn)算符與、或，也就是 && 、 || ，沒錯，別看這簡簡單單的幾個運(yùn)算符，雖然這是最基礎(chǔ)的知識，但其中隱藏的奧秘卻十分耐人尋味，接下來本文就為大家一一揭開這簡單的運(yùn)算符背后的奇妙之處。2016-12-12
本文給大家分享的是在IOS瀏覽器中使用iscroll.js的上拉下拉刷新時當(dāng)手指劃出屏幕后無法回彈的解決方法，希望對大家能夠有所幫助。2016-02-02
BootstrapTable請求數(shù)據(jù)時設(shè)置超時(timeout)的方法
使用bootstrapTable獲取數(shù)據(jù)時，有時由于網(wǎng)絡(luò)或者服務(wù)器的原因，無法及時獲取到數(shù)據(jù)，頁面顯示一直處于等待狀態(tài)。為了改善效果，考慮設(shè)置超時，請求發(fā)送后超時即顯示無數(shù)據(jù)，過段時間重新發(fā)起請求2017-01-01