Javascript脚本特效示例：[35]计算年龄

2025-11-03 03:05:38

1、在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

<html>

<head>

<title>晓博JavaScript特效测试</title>

</head>

<body>

<ul>

<li><a href="#">七夕节传说</a></li>

<li><a href="#">七夕节习俗</a></li>

<li><a href="#">七夕节寄语</a></li>

</ul>

</div>

</body>

</html>

Javascript脚本特效示例：[35]计算年龄

2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件

<!-- Begin

function 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;

else

return false;

}

// End -->

</script>

<table>

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>

<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>

<br>

<br>

</td></tr>

</table>

</form>

3、用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到详细计算你的年龄特效，如下图

Javascript脚本特效示例：[35]计算年龄

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。