当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

JS代码制作生日提醒器

JS代码制作生日提醒器

更新时间:2023-06-17 文章作者:未知 信息来源:网络 阅读次数:

编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

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代码的准确性,请点击:生日提醒器 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html