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脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/04d7a614f4d0b5038b3f774acc4ec28332bf2041.jpg)
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/c3c22dbf3bef354f1a55858a23db574afb321b41.jpg)
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction run() {with (document.agecalc) {dd = parseInt(day.selectedIndex) + 1;mm = parseInt(month.selectedIndex) + 1;yy = year.value;if (yy.length != 4 || isNaN(yy)) {document.agecalc.timealive.value = "Please enter a 4-digit year.";document.agecalc.year.select();document.agecalc.year.focus();return; }}days = new Date();gdate = days.getDate();gmonth = days.getMonth();gyear = days.getYear();if (gyear < 2000) gyear += 1900;age = gyear - yy;if ((mm == (gmonth + 1)) && (dd <= parseInt(gdate))) {age = age;} else {if (mm <= (gmonth)) {age = age;} else {age = age - 1; }}if (age == 0)age = age;document.agecalc.timealive.value = "You are " + age+ " years old . . .\n\n";if (mm <= (gmonth + 1))age = age - 1;if ((mm == (gmonth + 1)) && (dd > parseInt(gdate)))age = age + 1;var m;var n;if (mm == 12) n = 31 - dd;if (mm == 11) n = 61 - dd;if (mm == 10) n = 92 - dd;if (mm == 9) n = 122 - dd;if (mm == 8) n = 153 - dd;if (mm == 7) n = 184 - dd;if (mm == 6) n = 214 - dd;if (mm == 5) n = 245 - dd;if (mm == 4) n = 275 - dd;if (mm == 3) n = 306 - dd;if (mm == 2) { n = 334 - dd; if (leapyear(yy)) n++; }if (mm == 1) { n = 365 - dd; if (leapyear(yy)) n++; }if (gmonth == 1) m = 31;if (gmonth == 2) {m = 59;if (leapyear(gyear)) m++;}if (gmonth == 3) { m = 90; if (leapyear(gyear)) m++; }if (gmonth == 4) { m = 120; if (leapyear(gyear)) m++; }if (gmonth == 5) { m = 151; if (leapyear(gyear)) m++; }if (gmonth == 6) { m = 181; if (leapyear(gyear)) m++; }if (gmonth == 7) { m = 212; if (leapyear(gyear)) m++; }if (gmonth == 8) { m = 243; if (leapyear(gyear)) m++; }if (gmonth == 9) { m = 273; if (leapyear(gyear)) m++; }if (gmonth == 10) { m = 304; if (leapyear(gyear)) m++; }if (gmonth == 11) { m = 334; if (leapyear(gyear)) m++; }if (gmonth == 12) { m = 365; if (leapyear(gyear)) m++; }months = age * 12;months += 12 - parseInt(mm);months += gmonth;totdays = (parseInt(age) * 365);totdays += age / 4;totdays = parseInt(totdays) + gdate + m + n;if (gmonth == 1) p = 31 + gdate;if (gmonth == 2) {p = 59 + gdate;if (leapyear(gyear)) m = m+1;}if (gmonth == 3) { p = 90 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 4) { p = 120 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 5) { p = 151 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 6) { p = 181 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 7) { p = 212 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 8) { p = 243 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 9) { p = 273 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 10) { p = 304 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 11) { p = 334 + gdate; if (leapyear(gyear)) p++; }if (gmonth == 12) { p = 365 + gdate; if (leapyear(gyear)) p++; }weeks = (age * 365) + n + p;weeks = weeks / 7;etcdays = parseFloat(weeks) - parseInt(weeks);etcdays = Math.round(etcdays * 7);weeks = parseInt(weeks);etcdays += parseInt(age / 4);if (etcdays > 7)weeks += parseInt(etcdays / 7);document.agecalc.timealive.value += " or " + weeks + " Weeks old\n";document.agecalc.timealive.value += " or " + months + " Months old\n";document.agecalc.timealive.value += " or " + totdays + " days old\n";var time = new Date();ghour = time.getHours();gmin = time.getMinutes();gsec = time.getSeconds();hour = ((age * 365) + n + p) * 24;hour += (parseInt(age / 4) * 24);document.agecalc.timealive.value += " or " + hour + " Hours old\n";var min = (hour * 60) + gmin;document.agecalc.timealive.value += " or " + min + " Minutes old\n";sec = (min * 60) + gsec;document.agecalc.timealive.value += " or " + sec + " Seconds old";mm = mm - 1;var r;if (mm == 0) r = 0;if (mm == 1) r = 31;if (mm == 2) { r = 59; if (leapyear(gyear)) m++; }if (mm == 3) { r = 90; if (leapyear(gyear)) r++; }if (mm == 4) { r = 120; if (leapyear(gyear)) r++; }if (mm == 5) { r = 151; if (leapyear(gyear)) r++; }if (mm == 6) { r = 181; if (leapyear(gyear)) r++; }if (mm == 7) { r = 212; if (leapyear(gyear)) r++; }if (mm == 8) { r = 243; if (leapyear(gyear)) r++; }if (mm == 9) { r = 273; if (leapyear(gyear)) r++; }if (mm == 10) { r = 304; if (leapyear(gyear)) r++; }if (mm == 11) { r = 334; if (leapyear(gyear)) r++; }mm = mm + 1;r = parseInt(r) + parseInt(dd);if ((mm >= (gmonth + 1)) && (dd > gdate)) {bday = r - m - gdate;}else {if ((leapyear(gyear)) && ((mm > 2) && (dd < 29))) {a = 366;} else {a = 365;}bday = a + (r - m - gdate);}nhour = 24 - parseInt(ghour);nmin = 60 - parseInt(gmin);nsec = 60 - parseInt(gsec);while (bday > 366) bday -= 365;if (((bday == 366) && (leapyear(gyear)) || ((bday == 365) && (!leapyear(gyear))))) {document.agecalc.timealive.value += "\n\nAnd, today is your birthday!";} else {document.agecalc.timealive.value += "\n\nAnd, your next birthday is in:\n"+ bday + " days " + nhour + " hrs " + nmin + " mins " + nsec + " secs";setTimeout("run()", 1000); }}function leapyear(a) {if (((a%4 == 0) && (a%100 != 0)) || (a%400 == 0))return true;elsereturn false;}// End --></script><form name=agecalc><table><tr><td align=center>Birthday: <select name=month size=1><option>January<option>February<option>March<option>April<option>May<option>June<option>July<option>August<option>September<option>October<option>November<option>December</select><select name=day size=1><option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10<option>11<option>12<option>13<option>14<option>15<option>16<option>17<option>18<option>19<option>20<option>21<option>22<option>23<option>24<option>25<option>26<option>27<option>28<option>29<option>30<option>31</select><input type=text name=year size=4 maxlength=4><br><input type=button name=start value="Calculate" onclick="run();"><br><br><textarea rows=12 cols=35 name=timealive></textarea></td></tr></table></form>
3、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到详细计算你的年龄特效，如下图
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb28ef4ff98d01b1edef5dc1341.jpg)
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/1f9feadca039131f9701e26de275f2c4ed990a41.jpg)
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/6834ecc4ec9959435bec794a95425d6b05d10441.jpg)
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/1f03436b04d14929ff6508a763e5eceeacbc7e41.jpg)
![Javascript脚本特效示例：[35]计算年龄](https://exp-picture.cdn.bcebos.com/9bc92713e8e5eceec4518f9bcc704618deda7a41.jpg)
