教学项目二十一 JavaScript中Date对象及其应用 基本内容】 讲解 JavaScript中的内置Date对象 教学要求】 学会设计与时间相关的 Javascrip特效网页 案例设计 设计倒记时网页
教学项目二十一 JavaScript中Date对象及其应用 【基本内容】 讲解JavaScript中的内置 Date对象 【教学要求】 学会设计与时间相关的JavaScript特效网页 一、案例设计 设计倒记时网页：
a G: \FrontPage\javaSsamp\2. htm-Iicrosoft Internet Explorer 回回区 文件)编辑￠)查看Q收藏()工具)帮助0 地址①)包6:1 rootAge小 javassamp12,htm 转到链接” 今天距离2005年1月1日还有149天 精品课程 class20 「网1a1as21 rtE、61romt
分析: 此例中处理的是与时间相关的信息,要用到 Date对象 getTime o:获取当前时间以亳秒作为计数单位的数值; 程序代码如下:<html> <body> <script> var tim=new Date( 01/01/2005 vars="今天距离2005年1月1日"; var now=new Dated var ile=tim getTime(-now getTime 0: var dayl=Math. floor(ile/(1000*60*60*24)) document. write(""+s+"还有"+day1+"天"); </script> </body> </html>
分析： 此例中处理的是与时间相关的信息，要用到Date()对象； getTime(): 获取当前时间以毫秒作为计数单位的数值； 程序代码如下： <html> <body> <script> var tim=new Date("01/01/2005"); var s="今天距离2005年1月1日"; var now=new Date(); var ile=tim.getTime()-now.getTime(); var day1=Math.floor(ile/(1000*60*60*24)); document.write(" "+s+"还有"+day1+"天"); </script> </body> </html>
案例二、设计分时显示不同信息的网页 强G:\特效代码1分时显示M一 crosoft Internet Explorer 回回区 文件①)编辑)查看收藏〔)工具①)帮助0 ⊙后:冈的搜索次收的媒体,·回当 地址①)包G:\特效代码分时显示M 转到锤接” 晚上好,正是上网的好时机! 完毕 特效代码 KMi crosof 2工nter .E2.htm
案例二、设计分时显示不同信息的网页
分析: 将时间分成不同时段 0-4:显示信息夜深了,请将喇叭的音量调小 4—7:显示信息清晨好,您可真早呀!早饭吃了吗? 7—12:显示信息上午好,您开始工作了? 12-18:显示信息下午好,工作时间可别光顾着上网啊! 18-23:显示信息晚上好,正是上网的好时机!
分析： 将时间分成不同时段： 0―４： 显示信息夜深了，请将喇叭的音量调小 4—7： 显示信息清晨好，您可真早呀!早饭吃了吗? 7—12： 显示信息上午好，您开始工作了？ 12—18：显示信息下午好，工作时间可别光顾着上网啊！ 18—23：显示信息晚上好，正是上网的好时机!