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当前日期加(天、周、月、年) ，有需要操作日期的朋友，可以参考下。
2009-08-08
很全的显示阴历（农历）日期的js代码
经下面的代码保存在js中调用即可。
2009-01-01
魔方在线秒表javascript版
当前页面需最大化，可以保存以下HTML代码为htm文件即可空格触发。
2009-12-12
Javascript 倒计时源代码.(时.分.秒) 详细注释版
基于js的倒计时实现代码，并有详细的注释比较适合学习使用。
2011-05-05
javascript实现的简易的DatePicker日历
DatePicker是个很常见的组件。我大致搜了一下，满大篇的demo。各大框架也把DatePicker纳入基本的组件库里。
2011-02-02
Javascript六种风格的时间显示方式
Javascript六种风格的时间显示方式...
2006-12-12
一个可以显示当前年份以及生肖的js代码
一个显示当前年份以及生肖的js代码，需要的朋友可以参考下。
2010-12-12
不错的一个日期输入动态
[红色]不错的一个日期输入动态...
2006-11-11
JS date对象的减法处理实现代码
JS date对象的减法处理实现代码，需要的朋友可以参考下。
2010-12-12
js计算时间过去的时间
计算过去多长时间的js代码，可以加个自动切换到当前focus也不错，大家可以动手弄下
2008-02-02