Javascript 世界时区时间显示代码

更新时间：2012年05月11日 15:27:06 作者：

Javascript 世界时区时间显示代码，显示多个地区的时间，需要的朋友可以参考下代码

<!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 id="local"></div> <div id="localutc"></div> <div id="bombay"></div> <div id="singapore"></div> <div id="tokyo"></div> <div 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需再刷新一下页面才能执行]

您可能感兴趣的文章:

世界时区

状态栏时间显示效果数字钟
JavaScript日期特效，在状态栏显示一个数字钟，虽然现在不怎么用，但本代码有助于研究JavaScript对IE对象的控制技巧，必要时参考一下。
2009-10-10
JS日期控件My97DatePicker基本用法
这篇文章介绍了JS日期控件My97DatePicker的基本用法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-12-12
非常厉害的javascript 实现指针式时间
非常厉害的javascript 实现指针式时间...
2007-07-07
javascript时区函数介绍
在js中的时区我们以般讲的是关于格林威治时间和本地时间之间的时差，以分钟为单位，这和php,asp没什么区别下面我们结合date()函数来介绍一下js时区的相关问题
2012-09-09
javascript检查日期格式的函数[比较全]
非常全的，功能较多的日期检查函数
2008-10-10
JavaScript 逼真图片倒计时实现代码
一般的倒计时代码都是文字版本的，这个是图片格式的，更漂亮的，图片大家可以自己做。主要是参考实现方法。
2010-09-09
简单JavaScript日历及详细说明
HTML和CSS样式可以自行修改,但是整体不做太大改变的情况下.直接待用calendar类,并且使用init方法,把日历HTML的id调入即可
2010-07-07
javascript 表单日期选择效果
javascript 表单日期选择效果...
2007-08-08
JS 时间显示效果代码
用的就是一个递归调用的思想！
2009-08-08
一个可以显示阴历的JS代码
一个可以显示阴历的JS代码...
2007-03-03

Javascript 世界时区时间显示代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具