1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。<html><head><title媪青怍牙>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de85d07a791ca93cee8b104acfe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/b1454a1bd10ff226c2fc10ba9c99e92abbb8a4fe.jpg)
2、第一步：把如下代码加入<body>区域中<script language屏顿幂垂="JavaScript">媪青怍牙<!-- Beginvar timerRunning = false;var timezone = "格林尼治标准时间";var adjust = 0;function timeCheck(tzone, diff) {if (timerRunning) {clearTimeout(updatetime);timerRunning = false; }gmtOffset=eval(diff+adjust);timezone = tzone;checkDateTime();}function checkDateTime () {var today = new Date();var year = today.getYear() + 00;var month = today.getMonth()+1;var date = today.getDate();var day = today.getDay();var hour = today.getHours();var minute = today.getMinutes();var second = today.getSeconds();var lastSat = date - (day+1);while (lastSat < 32) lastSat+=7;if (lastSat > 31) lastSat+=-7;var firstSat = date - (day+1);while (firstSat > 0) firstSat+=-7;if (firstSat < 1) firstSat+=7;if ((((month == 4) && (date >= firstSat)) || month > 4) &&(month < 11 || ((month == 10) && day <= lastSat))) adjust += 60;yourOffset = (new Date()).getTimezoneOffset();yourOffset = yourOffset + adjust;var xx = navigator.appNamevar xy = navigator.appVersion;xy = xy.substring(0,1);if ((xy == 4) && (xx == "Netscape")) yourOffset = yourOffset+adjust;if ((((month == 4) && (date > 20)) || month > 4) && (month < 11 || ((month == 10) &&day < 30))) adjust -= 60;ourDifference = eval(gmtOffset - yourOffset);var half = eval(ourDifference % 60);ourDifference = Math.round(ourDifference / 60);hour = eval(hour - ourDifference);var m = new Array("","1","2","3","4","5","6","7","8","9","10","11","12");var leap = eval(year % 4);if ((half == -30) || (half == 30)) minute += 30;if (minute > 59) minute -= 60, hour++;if (minute < 0) minute += 60, hour--;if (hour > 23) hour -= 24, date += 1;if (((month == 4) || (month == 6) ||(month == 9) || (month == 11)) && (date==31)) date = 1, month ++;if (((month == 2) && (date > 28)) && (leap != 0)) date = 1, month ++;if ((month == 2) && (date > 29)) date = 1, month++;if (hour < 0) hour += 24, date --;if ((date == 32) && (month == 12)) month = m[1], date = 1, year++;if (date == 32) date = 1, month++;if ((date < 1) && (month == 1)) month= m[12], date = 31, year--;if (date < 1) date = 31, month --;if (((month == 4) || (month == 6) ||(month== 9) || (month == 11)) && (date == 31)) date = 30;if ((month == 2) && (date > 28)) date = 29;if (((month == 2) && (date > 28)) && (leap != 0)) date=28;for (i=1; i<13; i++) {if (month == i) {month = m[i]; break; }}var dateTime = hour;dateTime = ((dateTime < 10) ? "0":"") + dateTime;dateTime = " " + dateTime;dateTime += ((minute < 10) ? ":0" : ":") + minute;dateTime += ((second < 10) ? ":0" : ":") + second;dateTime += (hour >= 12) ? "下午, " : "上午, ";dateTime += year + "年" + month + "月" + date + "日" ;document.clock.zonetime.value = dateTime;document.clock.zonename.value = timezone;updatetime=setTimeout("checkDateTime()", 900);timerRunning = true;}// End --></script> <br> <form name=clock> <input type=text name=zonetime size=28> <br> <br> <b>当前的地区</b><br> <input type=text name=zonename size=21> <br> <br> <table border=1 cellpadding=5> <tr> <td align=center> <input type=button value="太平洋" onClick="timeCheck(this.value, +480)" name="button"> </td> <td align=center> <input type=button value="中心" onClick="timeCheck(this.value, +420)" name="button"> </td> <td align=center> <input type=button value="东方" onClick="timeCheck(this.value, +300)" name="button"> </td> </tr> <tr> <td align=center> <input type=button value="夏威夷" onClick="timeCheck(this.value, +600)" name="button"> </td> <td align=center> <input type=button value="墨西哥" onClick="timeCheck(this.value, +360)" name="button"> </td> <td align=center> <input type=button value="新德里" onClick="timeCheck(this.value, -330)" name="button"> </td> </tr> <tr> <td align=center> <input type=button value="北京" onClick="timeCheck(this.value, -420)" name="button"> </td> <td align=center> <input type=button value="东京" onClick="timeCheck(this.value, -540)" name="button"> </td> <td align=center> <input type=button value="伦敦" onClick="timeCheck(this.value, +0)" name="button"> </td> </tr> </table> </form>
3、第二步：把<body>区域改为，并重名文档为HTML文件<body bgcolor="#fef4d9" OnLoad="timeCheck(timezone, 0)">
4、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到全球时间表特效，如下图北京时间和系统主机的时间相同，说明测试无误！
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/bbf95c406afec31426a3b45acac1b727ad539cfe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/07c98f2ca5cadce8702e2148fcf7980e5e2095fe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/994f412043715fdbd146988e468920c5270f8cfe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/ccc83ec5260f883530ec786ace078801397086fe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/dccb47de45078801c916f4f5b18ca608a40f82fe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/a749bb0f94fc508c63a8e64c01775ddd894cfdfe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7ef28614ab519dd3340b7f3f5fe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c0a79bc032af2fa872951fedfe.jpg)
![Javascript脚本特效示例：[22]全球时间表](https://exp-picture.cdn.bcebos.com/256eb672941fbee43abdd1eac1237971ff1de7fe.jpg)
