软件学堂

网游分类软件分类

JS代码制作生日提醒器

2012-11-06 来源:网络

【实例名称】

JS代码制作生日提醒器

【实例描述】

同学录的相关网页一般会显示最近过生日的同学姓名,这显得比较人性化。本例学习如何制作这种生日提醒器。

【实例代码】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> <SCRIPT LANGUAGE="JavaScript">   function birthday(year,month,date,person)  //一个生日对象,包括年、月日和人名   {     this.year=year     this.month=month     this.date=date     this.person=person   }   function personList()   //创建一个空的列表对象   {  }   pList=new personList()    //创建用户列表项   pList[0]= new birthday(82,1,16,"张三")  //在列表项中添加生日对象   pList[1]= new birthday(33,9,27,"李四")   pList[2]= new birthday(66,3,1,"王五")   pList[3]= new birthday(79,4,27,"赵六")   pList[4]= new birthday(80,6,2,"小明")   pList[5]= new birthday(50,11,24,"晓红")   var now=new Date()     //获取今天的日期   today=new Date(now.getYear(),now.getMonth(),now.getDate()) //设置一个对象,一般为年月日0:00:00   function daysFromToday(sdate) {     return Math.round((sdate.getTime()-today.getTime())/(24*60*60*1000)) //返回一个指定日期距今天的时间   }   function writeNextBirthday(list)   {     var daysToClosest=366     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>今天 "+list[closest].person+" 已经 "+ (today.getYear()-list[closest].year)+" 岁了 !!!</B><P>")     else if (daysToClosest==1)       document.write("明天 "+list[closest].person+" 即将 "+ (today.getYear()-list[closest].year)+" 岁了!<P>")     else       document.write("最近一个过生日的是"+ list[closest].person+" 还有 "+daysToClosest+" 天.<P>")

  } </SCRIPT> </head> <body> <SCRIPT LANGUAGE="JavaScript">   writeNextBirthday(pList)   //动态输出最近要过生日的对象 </SCRIPT> </body> </html>

 

 

【运行效果】

 生日提醒器运行效果

【难点剖析】

本例使用一个对象数组包含了所有朋友列表,然后根据当前日期与列表中的月和日进行比较,使用“daysToCIosest”变量获取最近的一个朋友生日的日期。本例中注意日期的比较和设置。

【源码下载】

为了JS代码的准确性,请点击:生日提醒器 进行本实例源码下载 

上一篇:用JS自定义的日历
下一篇:JS代码制作时间倒影特效

相关文章