⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 time30.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>生日提醒器</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">



<!--

  function birthday(year,month,date,person) {

    this.year=year

    this.month=month

    this.date=date

    this.person=person

  }



  function birthdaylist() {

  }



  blist=new birthdaylist()

  blist[0]= new birthday(84,1,16,"Matthew")

  blist[1]= new birthday(53,1,27,"Brenda")

  blist[2]= new birthday(77,7,10,"陆晓庆")

  blist[3]= new birthday(88,4,27,"Michael")

  blist[4]= new birthday(86,9,2,"Andrew")

  blist[5]= new birthday(49,11,24,"Raymond")

  

  var now=new Date()

  today=new Date(now.getYear(),now.getMonth(),now.getDate())   // today 0:00:00

  function daysFromToday(sdate) {

    return Math.round((sdate.getTime()-today.getTime())/(24*60*60*1000))

  }



  function writeNextBirthday(list) {

    var daysToClosest=888

    var closest

    for (var i in list) {

      thisDate=new Date(today.getYear(),list[i].month,list[i].date)

      if (daysFromToday(thisDate)<0)

        thisDate.setYear(today.getYear()+1)

      if (daysFromToday(thisDate)<daysToClosest) {

        daysToClosest=daysFromToday(thisDate)

        closest=i

      }

    }

    if (daysToClosest==0)

      document.write("<B>So today "+list[closest].person+" became "+(today.getYear()-list[closest].year)+" years old !! Hoorah!</B><P>")

    else if (daysToClosest==1)

      document.write("So tomorrow "+list[closest].person+" will become "+(today.getYear()-list[closest].year)+" !<P>")

    else

      document.write("你最近要过生日的朋友是 "+list[closest].person+", 在 "+daysToClosest+" 天后.<P>")

  }

        

// end hiding -->



</SCRIPT>
</head>

<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>生日提醒器</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示区!</strong></font></td></tr>
<tr><td align=center>
<SCRIPT LANGUAGE="JavaScript">
<!--  

  writeNextBirthday(blist)

// -->
</SCRIPT>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=45 class=yk9>
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="JavaScript">



<!--

  function birthday(year,month,date,person) {

    this.year=year

    this.month=month

    this.date=date

    this.person=person

  }



  function birthdaylist() {

  }



  blist=new birthdaylist()

  blist[0]= new birthday(84,1,16,"Matthew")

  blist[1]= new birthday(53,1,27,"Brenda")

  blist[2]= new birthday(82,3,1,"Ray")

  blist[3]= new birthday(88,4,27,"Michael")

  blist[4]= new birthday(86,9,2,"Andrew")

  blist[5]= new birthday(49,11,24,"Raymond")

  

  var now=new Date()

  today=new Date(now.getYear(),now.getMonth(),now.getDate())   // today 0:00:00

  function daysFromToday(sdate) {

    return Math.round((sdate.getTime()-today.getTime())/(24*60*60*1000))

  }



  function writeNextBirthday(list) {

    var daysToClosest=888

    var closest

    for (var i in list) {

      thisDate=new Date(today.getYear(),list[i].month,list[i].date)

      if (daysFromToday(thisDate)<0)

        thisDate.setYear(today.getYear()+1)

      if (daysFromToday(thisDate)<daysToClosest) {

        daysToClosest=daysFromToday(thisDate)

        closest=i

      }

    }

    if (daysToClosest==0)

      document.write("<B>So today "+list[closest].person+" became "+(today.getYear()-list[closest].year)+" years old !! Hoorah!</B><P>")

    else if (daysToClosest==1)

      document.write("So tomorrow "+list[closest].person+" will become "+(today.getYear()-list[closest].year)+" !<P>")

    else

      document.write("So the next birthday will be "+list[closest].person+"'s, in "+daysToClosest+" days.<P>")

  }

        

// end hiding -->



</SCRIPT>



第二步:把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">



<!--  

  writeNextBirthday(blist)

// -->



</SCRIPT>

</textarea>
<SCRIPT LANGUAGE="JavaScript">

<!-- hide

function goHist(a) 

{

   history.go(a);

}

//-->

</script>

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -