Javascript 世界時區(qū)時間顯示代碼

更新時間：2012年05月11日 15:27:06 作者：

Javascript 世界時區(qū)時間顯示代碼，顯示多個地區(qū)的時間，需要的朋友可以參考下代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Javascript 世界時間時間顯示</title> <meta name="author" content="Geovin Du 塗聚文"/> </head> <body> <h1></h1> <div   class="805a080"   id="local"></div> <div   class="wetkatl"   id="localutc"></div> <div   class="lg0lkuu"   id="bombay"></div> <div   class="1zoglqr"   id="singapore"></div> <div   class="fxc0eph"   id="tokyo"></div> <div   class="55czg0r"   id="london"></div> <script language="javascript" type="text/javascript"> //https://gist.github.com/1326893https://gist.github.com/1326893 //20120511 Geovin Du 塗聚文 function calcTime(city, offset) { var d = new Date(); utc = d.getTime() + (d.getTimezoneOffset() * 60000); var nd = new Date(utc + (3600000 * offset)); var gmtTime = new Date(utc) var day = nd.getDate(); var month = nd.getMonth(); var year = nd.getYear(); var hr = nd.getHours(); //+ offset var min = nd.getMinutes(); var sec = nd.getSeconds(); if(year < 1000){ year += 1900 } var monthArray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") var monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") if (year%4 == 0){ monthDays = new Array("31", "29", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") } if(year%100 == 0 && year%400 != 0){ monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") } if (hr >= 24){ hr = hr-24 day -= -1 } if (hr < 0){ hr -= -24 day -= 1 } if (hr < 10){ hr = " " + hr } if (min < 10){ min = "0" + min } if (sec < 10){ sec = "0" + sec } if (day <= 0){ if (month == 0){ month = 11 year -= 1 } else{ month = month -1 } day = monthDays[month] } if(day > monthDays[month]){ day = 1 if(month == 11){ month = 0 year -= -1 } else{ month -= -1 } } return city+":The local time is"+monthArray[month] + " " + day + ", " + year + "<br>" + hr + ":" + min + ":" + sec //return "The local time in " + city + " is " + nd.toLocaleString()+; } function worldClockZone(){ document.getElementById('local').innerHTML = "The local time is " + (new Date()).toLocaleString(); document.getElementById('localutc').innerHTML = "The local time is " + (new Date()).toLocaleString(); document.getElementById('bombay').innerHTML = calcTime('bombay', '+5.5'); document.getElementById('singapore').innerHTML = calcTime('singapore', '+8'); document.getElementById('tokyo').innerHTML = calcTime('tokyo', '+9'); document.getElementById('london').innerHTML =calcTime('london', '+1'); setTimeout("worldClockZone()", 1000) } window.onload=worldClockZone; </script> <hr/> <address></address>  Last modified: Mon Oct 31 02:04:17 BRST 2011  </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

世界時區(qū)

狀態(tài)欄時間顯示效果數(shù)字鐘
JavaScript日期特效，在狀態(tài)欄顯示一個數(shù)字鐘，雖然現(xiàn)在不怎么用，但本代碼有助于研究JavaScript對IE對象的控制技巧，必要時參考一下。
2009-10-10
JS日期控件My97DatePicker基本用法
這篇文章介紹了JS日期控件My97DatePicker的基本用法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-12-12
非常厲害的javascript 實現(xiàn)指針式時間
非常厲害的javascript 實現(xiàn)指針式時間...
2007-07-07
javascript時區(qū)函數(shù)介紹
在js中的時區(qū)我們以般講的是關于格林威治時間和本地時間之間的時差，以分鐘為單位，這和php,asp沒什么區(qū)別下面我們結合date()函數(shù)來介紹一下js時區(qū)的相關問題
2012-09-09
javascript檢查日期格式的函數(shù)[比較全]
非常全的，功能較多的日期檢查函數(shù)
2008-10-10
JavaScript 逼真圖片倒計時實現(xiàn)代碼
一般的倒計時代碼都是文字版本的，這個是圖片格式的，更漂亮的，圖片大家可以自己做。主要是參考實現(xiàn)方法。
2010-09-09
簡單JavaScript日歷及詳細說明
HTML和CSS樣式可以自行修改,但是整體不做太大改變的情況下.直接待用calendar類,并且使用init方法,把日歷HTML的id調(diào)入即可
2010-07-07
javascript 表單日期選擇效果
javascript 表單日期選擇效果...
2007-08-08
JS 時間顯示效果代碼
用的就是一個遞歸調(diào)用的思想！
2009-08-08
一個可以顯示陰歷的JS代碼
一個可以顯示陰歷的JS代碼...
2007-03-03