说明: 输入生日即可计算出下个生日的天数及存活天数

效果: 点这里在新窗口中看效果！

代码:

要完成此效果需要三个步骤 第一步：把如下代码加入到< head >区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var byear = prompt('请输入你的出生年份','1976'); var mm = prompt('请输入你的出生月份','11'); var bday = prompt('请输入你的出生日','2'); var year = new Date(); var year2 = year.getYear(); var year3 = (year < 2000) ? year2 + 1900 : year2; thedate = new Date(); mm2 = thedate.getMonth() + 1; dd2 = thedate.getDate(); yy2 = thedate.getYear(); if (yy2 < 100) yy2 += 1900 yourage = yy2 - byear; if (mm2 < mm) yourage--; if ((mm2 == mm) && (dd2 < bday)) yourage--; TMonth = new Array( 'January','February','March', 'April','May','June','July', 'August','September','October', 'November','December' ); CurMonth = mm - 1; bmonth = TMonth[CurMonth]; var age2 = yourage + 1; var timerID; var timerRunning = false; var today = new Date(); var startday = new Date(); var enday = new Date(); var secPerDay = 0; var minPerDay = 0; var hourPerDay = 0; var secsLeft = 0; var secsRound = 0; var secsRemain = 0; var minLeft = 0; var minRound = 0; var minRemain = 0; var timeRemain = 0; function stopclock() { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function startclock() { stopclock(); showtime(); showtime1(); } function showtime() { today = new Date(); enday = new Date(""+bmonth+", "+bday+" "+year3+" 00:00"); enday.setYear(""+year3+""); secsPerDay = 1000 ; minPerDay = 60 * 1000 ; hoursPerDay = 60 * 60 * 1000; PerDay = 24 * 60 * 60 * 1000; secsLeft = (enday.getTime() - today.getTime()) / minPerDay; secsRound = Math.round(secsLeft); secsRemain = secsLeft - secsRound; secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60; secsRemain = Math.round(secsRemain); minLeft = ((enday.getTime() - today.getTime()) / hoursPerDay); minRound = Math.round(minLeft); minRemain = minLeft - minRound; minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60); minRemain = Math.round(minRemain - 0.495); hoursLeft = ((enday.getTime() - today.getTime()) / PerDay); hoursRound = Math.round(hoursLeft); hoursRemain = hoursLeft - hoursRound; hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24); hoursRemain = Math.round(hoursRemain - 0.5); daysLeft = ((enday.getTime() - today.getTime()) / PerDay); daysLeft = (daysLeft - 0.5); daysRound = Math.round(daysLeft); daysRemain = daysRound; if (daysRemain == 1) day_rem = " 天, " else day_rem = " 天, " if (hoursRemain == 1) hour_rem = " 小时, " else hour_rem = " 小时, " if (minRemain == 1) min_rem = " 分钟, " else min_rem = " 分钟, " if (secsRemain == 1) sec_rem = " 秒" else sec_rem = " 秒" timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain + min_rem + secsRemain + sec_rem; document.down.face.value = timeRemain; timerID = setTimeout("showtime()",1000); timerRunning = true; if (daysRemain < 0) year3 = year3 + 1 } function showtime1() { startday = new Date(""+bmonth+" "+bday+", "+byear+" 00:00 EDT"); startday.setYear(""+byear+""); today = new Date(); secsPerDay = 1000 ; minPerDay = 60 * 1000 ; hoursPerDay = 60 * 60 * 1000; PerDay = 24 * 60 * 60 * 1000; secsLeft = (today.getTime() - startday.getTime()) / minPerDay; secsRound = Math.round(secsLeft); secsRemain = secsLeft - secsRound; secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft) * 60) : secsRemain = (secsLeft - secsRound) * 60; secsRemain = Math.round(secsRemain); minLeft = ((today.getTime() - startday.getTime()) / hoursPerDay); minRound = Math.round(minLeft); minRemain = minLeft - minRound; minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft) * 60) : minRemain = ((minLeft - minRound) * 60); minRemain = Math.round(minRemain - 0.495); hoursLeft = ((today.getTime() - startday.getTime()) / PerDay); hoursRound = Math.round(hoursLeft); hoursRemain = hoursLeft - hoursRound; hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound - hoursLeft) * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24); hoursRemain = Math.round(hoursRemain - 0.5); daysLeft = ((today.getTime() - startday.getTime()) / PerDay); daysLeft = (daysLeft - 0.5); daysRound = Math.round(daysLeft); daysRemain = daysRound; if (daysRemain == 1) day_rem = " 天, " else day_rem = " 天, " if (hoursRemain == 1) hour_rem = " 小时, " else hour_rem = " 小时, " if (minRemain == 1) min_rem = " 分钟, " else min_rem = " 分钟, " if (secsRemain == 1) sec_rem = " 秒" else sec_rem = " 秒" timeRemain = daysRemain + day_rem + hoursRemain + hour_rem + minRemain + min_rem + secsRemain + sec_rem; document.up.face.value = timeRemain; timerID = setTimeout("showtime1()",1000); timerRunning = true; } // End --> </script><BR><BR><p align=right>[<b>1</b>] [<a href='E74_38493_2.htm'>2</a>]  <a href="E74_38493_2.htm">下一页</a></p><br /></td> </tr> <tr> <td height="30" align="center">上一篇:<a href="E74_38494.htm">_网页特效_文本框内显示时间_ </a> 下一篇:<a href="E74_38492.htm">_网页特效_显示年份和季节_</a></td> </tr> </table> <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" class="bk1"> <tr> <td width="77%"><strong> 大部分文章摘自网上，如有侵犯您的权益请与我们联系，我们会第一时间进行处理，谢谢!</strong></td> <td width="23%" align="center">[ <a href="javascript:print()">打印文章</a> ] [ <a href="javascript:window.close()">关闭窗口</a> ] </td> </tr> </table> <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">推荐文章</td> </tr> <tr> <td valign="top" class="tabletk">   </td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">相关文章</td> </tr> <tr> <td valign="top" class="tabletk">   </td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px "><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="outborder"> <tr> <td class="tableback">最新文章</td> </tr> <tr> <td valign="top" class="tabletk"> ·<a href="E74_37325.htm" title="加入收藏夹">加入收藏夹</a><br /> ·<a href="E74_38098.htm" title="利用全屏打开加重定窗口大小产生的无边框网页">利用全屏打开加重定窗口大小产生</a><br /> ·<a href="E74_38099.htm" title="设为首页">设为首页</a><br /> ·<a href="E74_38100.htm" title="去掉超链接的下划线">去掉超链接的下划线</a><br /> ·<a href="E74_38101.htm" title="自动刷新网页">自动刷新网页</a><br /> ·<a href="E74_38102.htm" title="刷新本页">刷新本页</a><br /> ·<a href="E74_38103.htm" title="返回到上一页">返回到上一页</a><br /> ·<a href="E74_38104.htm" title="跳出小窗口">跳出小窗口</a><br /> ·<a href="E74_38105.htm" title="自动关闭窗口">自动关闭窗口</a><br /> ·<a href="E74_38106.htm" title="给页面加保护">给页面加保护</a><br /> </td> </tr> </table></td> </tr> </table></td> </tr> </table> <script language="javascript" src="../Js/i_footer2.js"></script> <div id="r1" style="position:absolute; width:200px; height:600px; z-index:1; left: 780px; top: 15px;"> <table border="0" cellpadding="0" cellspacing="2" bgcolor="#FFFFFF"> <tr> <td> <iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" framespacing="0" frameborder="0" scrolling="no" width="200" height="30" src="http://unstat.baidu.com/bdun.bsc?tn=weiecn&csid=102&rkcs=0&bgcr=FFFFFF&ftcr=000000&rk=1&bd=1&bdas=0"> </iframe> </td> </tr> <tr> <td> <!-- Search Google --> <center> <form method="get" action="http://www.google.com/custom" target="google_window"> <table bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left" height="32"> <a href="http://www.google.com/"> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a> <input type="text" name="q" size="8" maxlength="255" value=""></input> <input type="submit" name="sa" value="搜索"></input> <input type="hidden" name="client" value="pub-0295176447455782"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="ie" value="GB2312"></input> <input type="hidden" name="oe" value="GB2312"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input> <input type="hidden" name="hl" value="zh-CN"></input> </td></tr></table> </form> </center> <!-- Search Google --></td> </tr> <tr> <td align="center"> <script type="text/javascript"><!-- google_ad_client = "pub-0295176447455782"; google_ad_width = 120; google_ad_height = 240; google_ad_format = "120x240_as_rimg"; google_cpa_choice = "CAAQ4cP8zwEaCFyqZHuqSKdeKKG_93M"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> <tr> <td style="height:50px;overflow: hidden;"> <iframe src="http://union.3721.com/v2/box.htm?p=1006&a=2001&b=1003&m=400766&bw=200&tr=9&st=0" width=200 height=192 marginwidth=0 marginheight=0 FRAMEBORDER=0 SCROLLING=NO ></iframe> </td> </tr> <tr> <td> <script type="text/javascript"> var arrBaiduCproConfig=new Array(); arrBaiduCproConfig['uid'] = 114116; arrBaiduCproConfig['n'] = 'weiecncpr'; arrBaiduCproConfig['tm'] = 26; arrBaiduCproConfig['cm'] = 0; arrBaiduCproConfig['um'] = 0; arrBaiduCproConfig['rad'] = 1; arrBaiduCproConfig['w'] = 200; arrBaiduCproConfig['h'] = 90; arrBaiduCproConfig['bd'] = '#CC0000'; arrBaiduCproConfig['bg'] = '#ffffff'; arrBaiduCproConfig['tt'] = '#0000ff'; arrBaiduCproConfig['ct'] = '#000000'; arrBaiduCproConfig['url'] = '#666666'; arrBaiduCproConfig['bdl'] = '#ffffff'; arrBaiduCproConfig['wn'] = 1; arrBaiduCproConfig['hn'] = 4; arrBaiduCproConfig['ta'] = 'left'; arrBaiduCproConfig['tl'] = 'top'; arrBaiduCproConfig['bu'] = 0; </script> <script type="text/javascript" src="http://cpro.baidu.com/cpro/ui/ui.js"> </script> <script type="text/javascript"> <!-- document.write(baiduCproIFrame()); --> </script> </td> </tr> <tr> <td align="center"> <iframe marginwidth=0 marginheight=0 frameborder=0 bordercolor='#000000' scrolling=no src='http://fragment.union.sogou.com/preview.php?pid=weie_cn&pagetype=3&bc=%23FFFFFF&fc=&bb=0&bbc=&width=150' width=150 height=120></iframe> </td> </tr> <tr> <td bgcolor="#ECF8FF" align="center"> </td> </tr> </table> </div> <div id="r336" style="position:absolute; width:336px; height:280px; z-index:1; left: 410px; top: 242px; visibility: visible;"> <script type="text/javascript"><!-- google_ad_client = "pub-0295176447455782"; google_ad_width = 336; google_ad_height = 280; google_ad_format = "336x280_as"; google_ad_type = "text_image"; google_ad_channel ="6011319265"; google_color_border = "B0E0E6"; google_color_bg = "FFFFFF"; google_color_link = "000000"; google_color_url = "336699"; google_color_text = "333333"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <script language="javascript" src="../Js/i_atf.js"></script> <script language="javascript" src="../tj.asp?id=43546"></script> <script language="javascript" src="/j/c.asp"></script> </body> </html>