4.6_日期对象的常用属性与方法.pptVIP

JavaScript前端开发河北正定师范高等专科学校

本节任务任务描述实现春节倒计时日期对象的常用属性与方法

任务描述

任务分析（2）新建日期方法（1）日期对象的属性与方法要实现倒计时任务，需要用到知识点如下。

日期对象的常用属性与方法getDate()从Date对象返回一个月中的某一天(1~31)getDay()从Date对象返回一周中的某一天(0~6)getFullYear()从Date对象以四位数字返回年份getHours()返回Date对象的小时(0~23)getMinutes()返回Date对象的分钟(0~59)getMonth()从Date对象返回月份(0~11)getSeconds()返回Date对象的秒数(0~59)getTime()返回1970年1月1日至今的毫秒数setDate()设置Date对象中月的某一天(1~31)setFullYear()设置Date对象中的年份（四位数字）方法名称意义

新建日期方法newDate();newDate(日期字符串);newDate(年,月,日[,时,分,秒,毫秒]);不包含任何参数得到的是当日的日期。“日期字符串”作为参数其格式是使用Date.parse()方法可以识别的任何一种表示日期、时间的字符串。“年,月,日[,时,分,秒,毫秒]”作为参数这些参数都是整数，其中“月”从0开始计算，即0表示一月，1表示二月，……，依次类推。方括号中的参数可以不填写，其值就表示0。“毫秒”作为参数该数代表的是从1970年1月1日至指定日期的毫秒数值。

新建日期方法例如：“April10，2012”“12/24/201218:11:16”

日期对象的常用属性与方法script vartime=newDate(Augest8,2008,20:00:00);//获得奥运会开幕时间 varyear=time.getFullYear();//获得年 varmonth=time.getMonth()+1;//获得月 vardate=time.getDate();//获得日 varhour=time.getHours();//获得小时 varminute=time.getMinutes();//获得分钟 varsecond=time.getSeconds();//获得秒 /*设置输出的内容为奥运会开幕时间*/ alert(奥运会开幕时间为:+year+年+month+月+date+日+hour+:+minute+:+second);/script例如，显示第29届夏季奥运会在北京开幕的时间，2008年8月8日晚8点。

案例实现（1）编写页面HTML代码创建HTML文档并构建基本网页结构，具体代码如下：style#time{ height:100px; background:url(img/新年倒计时图片.png)no-repeat; background-position:centerleft; padding:200px326px; color:#000000; font-size:36px; }/styledivid=time/div

案例实现（2）编写页面JavaScript代码在页面中添加script/script标签，并在其中输入代码。vartime=document.getElementById(time);varcj=newDate(January22,2023);//创建春节日期对象varover=cj.getTime();//换成毫秒数varmytime=null;functioncjstart(){varnow=newDate().getTime(); //获取当前日期的毫秒数varday=Math.floor((over-now)/(1000*60*60*24));//计算剩余天数varhour=Math.floor((over-now-day*1000*60*60*24)/(1000*60*60));//计算剩余小时varminute=Math.floor((over-now-day*1000*60*60*24-hour*1000*60*60)/(1000*60));//计算剩余