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)文章
前天去面試遇到的一道題，面試的問題大概是當test.increase被調(diào)用時，test和test2的count值分別是多少2011-03-03
JS優(yōu)雅的使用function實現(xiàn)一個class
這篇文章主要為大家介紹了JS優(yōu)雅的使用function實現(xiàn)一個class示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
網(wǎng)上關(guān)于這方面的文章有很多，重復(fù)的東西本文不再贅述，僅提供思路，并解釋一些其他文章講述模糊的地方。重點給大家介紹下rem.有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了JavaScript中的ubound函數(shù)使用實例,本文先是講解了ubound函數(shù)的語法,然后給出了用法代碼實例,需要的朋友可以參考下2014-11-11
最近接了個項目，其中有項目需求是這樣的，需要復(fù)制內(nèi)容到剪切板，因為有眾多瀏覽器，所以兼容性很重要，下面通過本文給大家介紹Javascript復(fù)制實例詳解，對js復(fù)制相關(guān)知識感興趣的朋友一起學(xué)習吧2016-01-01
javascript隨機將第一個dom中的圖片添加到第二個div中示例
此代碼的是一個簡單的例子，將第一個div中的五張圖片中，提取隨機兩張顯示到第二個div中，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-10-10
使用three.js實現(xiàn)炫酷的酸性風格3D頁面效果
本文內(nèi)容主要介紹，通過使用React+three.js技術(shù)棧，加載3D模型、添加3D文字、增加動畫、點擊交互等，配合樣式設(shè)計，實現(xiàn)充滿設(shè)計感的酸性風格頁面2021-10-10
JS中for,for...in,for...of和forEach的區(qū)別和用法實例
JS遍歷數(shù)組（循環(huán)數(shù)組）的方式有多種,可以使用傳統(tǒng)的for循環(huán),也可以使用升級版的for in循環(huán),還可以使用Array類型的forEach() 方法,這篇文章主要給大家介紹了關(guān)于JS中for、for...in、for...of和forEach的區(qū)別和用法的相關(guān)資料,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了JavaScript定時器原理,setTimeout()方法用于設(shè)置一個定時器，該定時器在定時器到期后執(zhí)行調(diào)用函數(shù),文章圍繞JavaScript定時器相關(guān)資料展開以下內(nèi)容,需要的朋友可以參考一下2021-12-12
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)列表多個批量倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02