html添加地图时区,利用JS实现多个国家时区时间代码

特效描述：利用JS实现 多个国家时区 时间代码。利用JS实现多个国家时区时间代码

代码结构

1. HTML代码

d

body {

background-image: url("img/bj.jpg");

background-size: cover;

background-repeat: no-repeat;

}

#container {

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

width: 100%;

height: 100%;

line-height: 90px;

text-align: center;

background: rgba(255, 255, 255, 0.3);

}

#time_body {

margin: auto;

position: absolute;

top: 0;

bottom: 0;

right: 0;

left: 0;

height: 50%;

width: 90%;

}

.time {

font-size: 90px;

}

.title {

font-size: 40px;

margin-bottom: 60px;

}

li {

float: left;

width: 30%;

list-style: none;

}

• 北京时间
• 孟买时间
• 纽约时间
• 东京时间
• 巴黎时间
• 悉尼时间

function startTime() {

document.getElementById('beijing').innerHTML = calcTime(+8)

document.getElementById('mengmai').innerHTML = calcTime(+5.5)

document.getElementById('niuyue').innerHTML = calcTime(-5)

document.getElementById('dongjing').innerHTML = calcTime(+9)

document.getElementById('bali').innerHTML = calcTime(+2)

document.getElementById('xini').innerHTML = calcTime(+10)

t = setTimeout('startTime()', 1000)

}

function checkTime(i) {

if (i < 10) { i = "0" + i }

return i

}

function calcTime(offset) {

var d = new Date();

var utc = d.getTime() + (d.getTimezoneOffset() * 60000);

var nd = new Date(utc + (3600000 * offset));

var h = nd.getHours()

var m = nd.getMinutes()

var s = nd.getSeconds()

h = checkTime(h)

m = checkTime(m)

s = checkTime(s)

return h + ":" + m + ":" + s

}