JS定义世界时间，JavaScript网页特效

 首页 > 网页特效 > 日期时间 > JS定义世界时间，JavaScript网页特效

JS定义世界时间，JavaScript网页特效

 2018-08-15  471  收藏  0 赞一个  0 真差劲  0 去评论

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>世界时间，JS网页特效</TITLE>
</HEAD>
<body bgcolor="#ffffff" onLoad="javascript:GetTime();">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function GetTime() { 
var dt = new Date();
var def = dt.getTimezoneOffset()/60;
var gmt = (dt.getHours() + def);
document.clock.local.value = (IfZero(dt.getHours()) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var ending = ":" + IfZero(dt.getMinutes()) + ":" +  IfZero(dt.getSeconds());
var rome =check24(((gmt + 1) > 24) ? ((gmt + 1) - 24) : (gmt + 1));
document.clock.rome.value = (IfZero(rome) + ending);
var isr =check24(((gmt + 2) > 24) ? ((gmt + 2) - 24) : (gmt + 2));
document.clock.Israel.value = (IfZero(isr) + ending);
var msw =check24(((gmt + 3) > 24) ? ((gmt + 3) - 24) : (gmt + 3));
document.clock.msw.value = (IfZero(msw) + ending);
var baku =check24(((gmt + 4) > 24) ? ((gmt + 4) - 24) : (gmt + 4));
document.clock.baku.value = (IfZero(baku) + ending);
var del =check24(((gmt + 5) > 24) ? ((gmt + 5) - 24) : (gmt + 5));
document.clock.del.value = (IfZero(del) + ending);
var dh =check24(((gmt + 6) > 24) ? ((gmt + 6) - 24) : (gmt + 6));
document.clock.dh.value = (IfZero(dh) + ending);
var kok =check24(((gmt +7 ) > 24) ? ((gmt +7 ) - 24) : (gmt + 7));
document.clock.kok.value = (IfZero(kok) + ending);
var ho =check24(((gmt + 8) > 24) ? ((gmt + 8) - 24) : (gmt + 8));
document.clock.ho.value = (IfZero(ho) + ending);
var tky =check24(((gmt + 9) > 24) ? ((gmt + 9) - 24) : (gmt + 9));
document.clock.tky.value = (IfZero(tky) + ending);
var sdn =check24(((gmt + 10) > 24) ? ((gmt + 10) - 24) : (gmt + 10));
document.clock.sdn.value = (IfZero(sdn) + ending);
var mag =check24(((gmt + 11) > 24) ? ((gmt + 11) - 24) : (gmt + 11));
document.clock.mag.value = (IfZero(mag) + ending);
var wll =check24(((gmt + 12) > 24) ? ((gmt + 12) - 24) : (gmt + 12));
document.clock.wll.value = (IfZero(wll) + ending);

var _GMT =check24(((gmt) > 24) ? ((gmt) - 24) : (gmt));

document.clock._GMT.value = (IfZero(_GMT) + ":" + IfZero(dt.getMinutes()) + ":" + IfZero(dt.getSeconds()));
var eniw =check24(((gmt + (24-12)) > 24) ? ((gmt + (24-12)) - 24) : (gmt + (24-12)));
document.clock.eniw.value = (IfZero(eniw) + ending);
var sam =check24(((gmt + (24-11)) > 24) ? ((gmt + (24-11)) - 24) : (gmt + (24-11)));
document.clock.sam.value = (IfZero(sam) + ending);
var haw =check24(((gmt + (24-10)) > 24) ? ((gmt + (24-10)) - 24) : (gmt + (24-10)));
document.clock.Hawaii.value = (IfZero(haw) + ending);
var ala =check24(((gmt + (24-9)) > 24) ? ((gmt + (24-9)) - 24) : (gmt + (24-9)));
document.clock.alaska.value = (IfZero(ala) + ending);
var pacif =check24(((gmt + (24-8)) >= 24) ? ((gmt + (24-8)) - 24) : (gmt + (24-8)));
document.clock.pacif.value = (IfZero(pacif) + ending);
var mount =check24(((gmt + (24-7)) > 24) ? ((gmt + (24-7)) - 24) : (gmt + (24-7)));
document.clock.mount.value = (IfZero(mount) + ending);
var center =check24(((gmt + (24-6)) > 24) ? ((gmt + (24-6)) - 24) : (gmt + (24-6)));
document.clock.center.value = (IfZero(center) + ending);
var east =check24(((gmt + (24-5)) > 24) ? ((gmt + (24-5)) - 24) : (gmt + (24-5)));
document.clock.east.value = (IfZero(east) + ending);
var atl =check24(((gmt + (24-4)) > 24) ? ((gmt + (24-4)) - 24) : (gmt + (24-4)));
document.clock.atl.value = (IfZero(atl) + ending);
var bra =check24(((gmt + (24-3)) > 24) ? ((gmt + (24-3)) - 24) : (gmt + (24-3)));
bra = (bra >= 24) ? bra - 24 : bra;
document.clock.bra.value = (IfZero(bra) + ending);
var mid =check24(((gmt + (24-2)) > 24) ? ((gmt + (24-2)) - 24) : (gmt + (24-2)));
mid = (mid >= 24) ? mid - 24 : mid;
document.clock.mid.value = (IfZero(mid) + ending);
var azo =check24(((gmt + (24-1)) > 24) ? ((gmt + (24-1)) - 24) : (gmt + (24-1)));
azo = (azo >= 24) ? azo - 24 : azo;
document.clock.azo.value = (IfZero(azo) + ending);
setTimeout("GetTime()", 1000);
}
function IfZero(num) {
return ((num <= 9) ? ("0" + num) : num);
}
function check24(hour) {
return (hour >= 24) ? hour - 24 : hour;
}
//  End -->
</script>
<form name="clock">
<strong>Local Time <input type="text" size="8" name="local"></strong>
<p>
埃尼威托克岛 (GMT-12)  <input type="text" size="8" name="eniw"><br>
萨摩亚群岛 (GMT-11)  <input type="text" size="8" name="sam"><br>
夏威夷 (GMT-10)  <input type="text" size="8" name="Hawaii">
<p>
阿拉斯加 (GMT-9)  <input type="text" size="8" name="alaska"><br>
太平洋时间 (GMT-8)  <input type="text" size="8" name="pacif"><br>
山脉时间 (GMT-7)  <input type="text" size="8" name="mount">
<p>
中央标准时间 (GMT-6)  <input type="text" size="8" name="center"><br>
东部时间 (GMT-5)  <input type="text" size="8" name="east"><br>
大西洋时间 (GMT-4)  <input type="text" size="8" name="atl">
<p>
Brazilia (GMT-3)  <input type="text" size="8" name="bra"><br>
大西洋中部时间(GMT-2)  <input type="text" size="8" name="mid"><br>
亚述尔群岛 (GMT-1)  <input type="text" size="8" name="azo">
<p>
<strong>格林尼治标准时间 (GMT)  <input type="text" size="8" name="_GMT"></strong>
<p>
罗马 (GMT +1)  <input type="text" size="8" name="rome"><br>
以色列 (GMT +2)  <input type="text" size="8" name="Israel"><br>
莫斯科 (GMT +3)  <input type="text" size="8" name="msw">
<p>
巴库 (GMT +4)  <input type="text" size="8" name="baku"><br>
New Delhi (GMT +5)  <input type="text" size="8" name="del"><br>
Dhakar (GMT +6)  <input type="text" size="8" name="dh">
<p>
曼谷 (GMT +7)  <input type="text" size="8" name="kok"><br>
香港 (GMT +8)  <input type="text" size="8" name="ho"><br>
东京 (GMT +9)  <input type="text" size="8" name="tky">
<p>
悉尼 (GMT +10)  <input type="text" size="8" name="sdn"><br>
Magadan (GMT +11)  <input type="text" size="8" name="mag"><br>
惠灵顿 (GMT +12)  <input type="text" size="8" name="wll">
</form>
</BODY>
</HTML>

运行代码 全选代码 复制代码 清除代码 恢复代码

预览图片

使用JavaScript制作的网页版世界时间特效，显示世界各地不同的时间，学习一下JS的时间计算功能，时区转换功能等，比如埃尼威托克岛 (GMT-12) 、萨摩亚群岛 (GMT-11)、夏威夷 (GMT-10)、阿拉斯加 (GMT-9) 、太平洋时间 (GMT-8)、山脉时间 (GMT-7) 、中央标准时间 (GMT-6) 、东部时间 (GMT-5) 、大西洋时间 (GMT-4) 、Brazilia (GMT-3) 、大西洋中部时间(GMT-2)、亚述尔群岛 (GMT-1) 、格林尼治标准时间 (GMT) 、罗马 (GMT +1)、莫斯科 (GMT +3)、巴库 (GMT +4)……

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载，登录后可获得更多便利功能，若未注册，请先注册。

三、如果服务器暂不能下载请稍后重试！总是不能下载，请点我报错 ,谢谢合作！

四、本站大部分资源是网上搜集或私下交流学习之用，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益，请速与我们联系，我们将尽快处理.

五、如有其他问题，请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源，请注明转载来自并附带链接

七、本站部分资源为加密压缩文件，统一解压密码为：www.aizhanzhe.com

 大家评论

 站长推荐

 点击排行