js 实时显示不同时区时间

转载 wateryi 发布于2015-08-27 14:40:16 

 document.write('<div id="WorldTime" class="toptime">'+

        '<label><img src="http://www./images/q1.jpg">北京：<span id="bjdtime">14:28:16 </span></label>'+
        '<label><img src="http://www./images/q2.jpg">悉尼：<span id="addtime">17:28:16 </span></label>'+
        '<label><img src="http://www./images/q3.jpg">东京：<span id="tytime">15:28:16 </span></label>'+
        '<label><img src="http://www./images/q4.jpg">苏黎世：<span id="mxdtime">07:28:16 </span></label>'+
        '<label><img src="http://www./images/q5.jpg">伦敦：<span id="ldtime">06:28:16 </span></label>'+
        '<label><img src="http://www./images/q6.jpg">纽约：<span id="nytime">02:28:16 </span></label>'+
        '<label><img src="http://www./images/q7.jpg">香港：<span id="hktime">14:28:16 </span></label>'+
    '</div>')


function showTime() {
var today = new Date((new Date()).getTime());


var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();
if (hour <= 9)
hour = "0" + hour;
if (minute <= 9)
minute = "0" + minute;
if (second <= 9)
second = "0" + second;
     
var utc = today.getTime() + (today.getTimezoneOffset() * 60000);
var bjDate = new Date(utc + (3600000 * (8)));

var ldDate = new Date(utc + (3600000 * (0)));
var nyDate = new Date(utc + (3600000 * (-4)));
var tyDate = new Date(utc + (3600000 * (9)));
var sxDate = new Date(utc + (3600000 * (2)));


var adDate = new Date(utc + (3600000 * (11)));
var mxDate = new Date(utc + (3600000 * (1)));

var bjhour = bjDate.getHours() < 9 ? ("0" + bjDate.getHours()) : bjDate.getHours();


var ldhour = ldDate.getHours() < 9 ? ("0" + ldDate.getHours()) : ldDate.getHours();
var nyhour = nyDate.getHours() < 9 ? ("0" + nyDate.getHours()) : nyDate.getHours();
var tyhour = tyDate.getHours() < 9 ? ("0" + tyDate.getHours()) : tyDate.getHours();
var sxhour = sxDate.getHours() < 9 ? ("0" + sxDate.getHours()) : sxDate.getHours();


var adhour = adDate.getHours() < 9 ? ("0" + adDate.getHours()) : adDate.getHours();
var mxhour = mxDate.getHours() < 9 ? ("0" + mxDate.getHours()) : mxDate.getHours();

var strbjdtime = bjhour + ":" + minute + ":" + second + " ";

var strldtime = ldhour + ":" + minute + ":" + second + " ";
var strnytime = nyhour + ":" + minute + ":" + second + " ";
var strtytime = tyhour + ":" + minute + ":" + second + " ";


var straddtime = adhour + ":" + minute + ":" + second + " ";
var strmxdtime = mxhour + ":" + minute + ":" + second + " ";
var strsxtime = sxhour + ":" + minute + ":" + second;

var strhktime = hour + ":" + minute + ":" + second + " ";

document.getElementById('bjdtime').innerHTML = strbjdtime;


document.getElementById('ldtime').innerHTML = strldtime; 
document.getElementById('nytime').innerHTML = strnytime;
document.getElementById('tytime').innerHTML = strtytime;

document.getElementById('addtime').innerHTML = straddtime;
document.getElementById('mxdtime').innerHTML = strmxdtime;


document.getElementById('hktime').innerHTML = strhktime;

setTimeout("showTime();", 1000); 
return (today.getTime());
}
showTime();




  </script>