js顯示世界時(shí)間示例(包括世界各大城市)
更新時(shí)間：2016年04月22日 09:08:01 作者：codefans
這篇文章主要介紹了js顯示世界時(shí)間的方法,可現(xiàn)實(shí)世界各大城市的當(dāng)前時(shí)間,涉及JavaScript針對(duì)時(shí)間的獲取與運(yùn)算操作技巧,需要的朋友可以參考下
本文實(shí)例講述了js顯示世界時(shí)間的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>世界時(shí)間，JS網(wǎng)頁(yè)特效</TITLE>
</HEAD>
<body bgcolor="#ffffff" onLoad="javascript:GetTime();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function GetTime() {
var dt = new Date();
var def = dt.getTimezoneOffset()/60;
var gmt = (dt.getHours() + def);
document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var ending = ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds());
var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1));
document.clock.rome.value = (IfZero(rome) + ending);
var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2));
document.clock.Israel.value = (IfZero(isr) + ending);
var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3));
document.clock.msw.value = (IfZero(msw) + ending);
var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4));
document.clock.baku.value = (IfZero(baku) + ending);
var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5));
document.clock.del.value = (IfZero(del) + ending);
var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6));
document.clock.dh.value = (IfZero(dh) + ending);
var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7));
document.clock.kok.value = (IfZero(kok) + ending);
var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8));
document.clock.ho.value = (IfZero(ho) + ending);
var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9));
document.clock.tky.value = (IfZero(tky) + ending);
var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10));
document.clock.sdn.value = (IfZero(sdn) + ending);
var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11));
document.clock.mag.value = (IfZero(mag) + ending);
var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12));
document.clock.wll.value = (IfZero(wll) + ending);
var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));
document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12)));
document.clock.eniw.value = (IfZero(eniw) + ending);
var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11)));
document.clock.sam.value = (IfZero(sam) + ending);
var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10)));
document.clock.Hawaii.value = (IfZero(haw) + ending);
var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9)));
document.clock.alaska.value = (IfZero(ala) + ending);
var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
document.clock.pacif.value = (IfZero(pacif) + ending);
var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
document.clock.mount.value = (IfZero(mount) + ending);
var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6)));
document.clock.center.value = (IfZero(center) + ending);
var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
document.clock.east.value = (IfZero(east) + ending);
var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
document.clock.atl.value = (IfZero(atl) + ending);
var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3)));
bra = (bra >= 24) ? bra - 24 : bra;
document.clock.bra.value = (IfZero(bra) + ending);
var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2)));
mid = (mid >= 24) ? mid - 24 : mid;
document.clock.mid.value = (IfZero(mid) + ending);
var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1)));
azo = (azo >= 24) ? azo - 24 : azo;
document.clock.azo.value = (IfZero(azo) + ending);
setTimeout("GetTime()", 1000);
}
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function check24(hour) {
return (hour >= 24) ? hour - 24 : hour;
}
// End -->
</script>
<form name="clock">
<strong>Local Time <input type="text" size="8" name="local"></strong>
<p>
埃尼威托克島 (GMT-12) <input type="text" size="8" name="eniw"><br>
薩摩亞群島 (GMT-11) <input type="text" size="8" name="sam"><br>
夏威夷 (GMT-10) <input type="text" size="8" name="Hawaii">
<p>
阿拉斯加 (GMT-9) <input type="text" size="8" name="alaska"><br>
太平洋時(shí)間 (GMT-8) <input type="text" size="8" name="pacif"><br>
山脈時(shí)間 (GMT-7) <input type="text" size="8" name="mount">
<p>
中央標(biāo)準(zhǔn)時(shí)間 (GMT-6) <input type="text" size="8" name="center"><br>
東部時(shí)間 (GMT-5) <input type="text" size="8" name="east"><br>
大西洋時(shí)間 (GMT-4) <input type="text" size="8" name="atl">
<p>
Brazilia (GMT-3) <input type="text" size="8" name="bra"><br>
大西洋中部時(shí)間(GMT-2) <input type="text" size="8" name="mid"><br>
亞述爾群島 (GMT-1) <input type="text" size="8" name="azo">
<p>
<strong>格林尼治標(biāo)準(zhǔn)時(shí)間 (GMT) <input type="text" size="8" name="_GMT"></strong>
<p>
羅馬 (GMT +1) <input type="text" size="8" name="rome"><br>
以色列 (GMT +2) <input type="text" size="8" name="Israel"><br>
莫斯科 (GMT +3) <input type="text" size="8" name="msw">
<p>
巴庫(kù) (GMT +4) <input type="text" size="8" name="baku"><br>
New Delhi (GMT +5) <input type="text" size="8" name="del"><br>
Dhakar (GMT +6) <input type="text" size="8" name="dh">
<p>
曼谷 (GMT +7) <input type="text" size="8" name="kok"><br>
香港 (GMT +8) <input type="text" size="8" name="ho"><br>
東京 (GMT +9) <input type="text" size="8" name="tky">
<p>
悉尼 (GMT +10) <input type="text" size="8" name="sdn"><br>
Magadan (GMT +11) <input type="text" size="8" name="mag"><br>
惠靈頓 (GMT +12) <input type="text" size="8" name="wll">
</form>
</BODY>
</HTML>
對(duì)JavaScript時(shí)間與日期顯示感興趣的朋友還可以參看本站在線工具：
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript時(shí)間與日期操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Javascript 世界時(shí)區(qū)時(shí)間顯示代碼
- js獲取時(shí)間精確到秒（年月日）
- js獲取當(dāng)前日期時(shí)間及其它日期操作匯總
- 原生javascript實(shí)現(xiàn)自動(dòng)更新的時(shí)間日期
- JS獲取時(shí)間的相關(guān)函數(shù)及時(shí)間戳與時(shí)間日期之間的轉(zhuǎn)換
- Node.js重新刷新session過(guò)期時(shí)間的方法
- JavaScript實(shí)現(xiàn)給定時(shí)間相加天數(shù)的方法
- JavaScript時(shí)間操作之年月日星期級(jí)聯(lián)操作
- jQuery時(shí)間插件jquery.clock.js用法實(shí)例(5個(gè)示例)
- 詳解JavaScript UTC時(shí)間轉(zhuǎn)換方法
- js時(shí)間戳轉(zhuǎn)為日期格式的方法
相關(guān)文章
現(xiàn)在微博都有一個(gè)不錯(cuò)的效果就是會(huì)實(shí)時(shí)的動(dòng)態(tài)滾動(dòng)并顯示最新的信息了，下面我來(lái)給大家介紹仿新浪微博大廳首頁(yè)滾動(dòng)效果,希望此方法對(duì)大家會(huì)有幫助。2015-10-10
JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
微信小程序movable view移動(dòng)圖片和雙指縮放實(shí)例代碼
movable-area是微信小程序的新組件，可以用來(lái)移動(dòng)視圖區(qū)域movable-view。這篇文章主要介紹了微信小程序movable view移動(dòng)圖片和雙指縮放實(shí)例代碼,需要的朋友可以參考下2017-08-08
jquery獲取URL中參數(shù)解決中文亂碼問(wèn)題的兩種方法
從A頁(yè)面通過(guò)url傳參到B頁(yè)面時(shí)，獲取URL中參數(shù)出現(xiàn)中文亂碼問(wèn)題，解析url參數(shù)的正確方法如下，感興趣的朋友可以參考下2013-12-12
js實(shí)現(xiàn)百度聯(lián)盟中一款不錯(cuò)的圖片切換效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)百度聯(lián)盟中一款不錯(cuò)的圖片切換效果的方法,以完整實(shí)例形式分析了javascript操作圖片切換的技巧,需要的朋友可以參考下2015-03-03
uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過(guò)自定義tabbar來(lái)實(shí)現(xiàn)更加個(gè)性化的界面設(shè)計(jì),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
這篇文章主要介紹了JavaScript獲得指定對(duì)象大小的方法,涉及javascript針對(duì)元素遍歷與屬性操作的相關(guān)技巧,需要的朋友可以參考下2015-07-07
JS監(jiān)聽(tīng)微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁(yè)按鈕的事件方法
這篇文章主要介紹了JS監(jiān)聽(tīng)微信、支付寶等移動(dòng)app及瀏覽器的返回、后退、上一頁(yè)按鈕的事件方法,需要的朋友可以參考下2016-08-08
javascript實(shí)現(xiàn)數(shù)組去重的多種方法
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)數(shù)組去重的多種方法，感興趣的小伙伴們可以參考一下2016-03-03
本篇文章給大家分享了關(guān)于JS函數(shù)中stack size計(jì)算方法的相關(guān)知識(shí)點(diǎn)，對(duì)此有需要的朋友可以跟著學(xué)習(xí)下。2018-06-06