营销J4DOM编程-window对象.pptVIP

Date对象做时钟显示-1 如何实现如演示示例3中所示的时钟效果？ 演示示例3：时钟效果演示 由于涉及到时间的显示问题，所以要用到日期对象Date，还有时间在不停地走，因此需要不断地调用一个函数，所以要用到Windows的定时器setTimeout( )方法。 Date对象做时钟显示-2 Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数 var 日期对象 = new Date (年、月、日等参数) 例如： var mydate=new Date(July 29, 2007,10:30:00 ) 如果没有参数，表示当前日期和时间 例如： var today = new Date( ) Date对象做时钟显示-3 Date 方法的分组 方法分组 说 明 setXxx 这些方法用于设置时间和日期值 getXxx 这些方法用于获取时间和日期值 Date对象做时钟显示-4 用作 Date 方法的参数的整数范围： 值 整 数 Seconds 和 Minutes 0 至 59 Hours 0 至 23 Day 0 至 6（星期几） Date 1 至 31（月份中的天数） Months 0 至 11（一月至十二月） Date对象做时钟显示-5-1 SCRIPT language=javaScript function disptime( ) { var now= new Date( ) ; var hour = now.getHours() ; if (hour=0 hour =12) document.write(H2上午好!/H2) if (hour12 hour= 18) document.write(H2下午好!/H2) ; if (hour18 hour 24) document.write(H2晚上好!/H2) ; document.write(H2今天日期:+now.getYear()+年+(now.getMonth( )+1)+月+now.getDate()+日/H2) ; document.write(H2现在时间:+now.getHours()+点+now.getMinutes( )+分/H2) ; } /SCRIPT BODY onload=disptime( ) 查看完整代码 获得当前日期和时间 获得小时，即当前是几点 月份数字0－11，注意＋1 判断上午、下午还是晚上 Date对象做时钟显示-5-2 上一页PPT示例中时钟不能动态改变，怎么办？ 由于时间在不停地走，所以应该每隔1秒调用显示时间的方法。如何解决？ 使用setTimeout( )方法每隔1秒调用显示时间的方法 setTimeout的用法： setTimeout（调用的函数, 指定的时间间隔） 例：var myTime＝setTimeout(disptime( ) , 1000 ) ; 每隔1000毫秒执行函数disptime( )一次 Date对象做时钟显示-6 SCRIPT language=JavaScript function disptime( ){ var time = new Date( ); //获得当前时间 var hour = time.getHours( ); //获得小时、分钟、秒 var minute = time.getMinutes( ); var second = time.getSeconds( ); document.myform.myclock.value =hour+:+minute+:+second+ ; var myTime = setTimeout(disptime(),1000); } /SCRIPT BODY onLoad=disptime( ) FORM NAME=myform H2当前时间： INPUT name=myclock type=text value= size=10 /H2/FORM /BODY 查看完整代码 设置文本框的内容为当前时间 设置定时器每隔1秒(1000毫秒),调用函数disptime()执行 小结2 编写如下图所示，具有在网页中指定位 置显示动态时钟效果的页面。 练习答案 练习代码 自动动态变化的时钟 history 和location对象-1 history 对象 方法 名称 说明 back( ) 加载 History 列表中的上一个 URL forward( ) 加载 History 列表中的下一个 URL go(url or number)