当前位置导航:炫浪网>>网络学院>>网页制作>>JavaScript教程

利用VBScript实现倒计时

---- 澳门就要回归祖国的怀抱,而且“千年虫”( 2000年)也一步步地在向我们逼近。对于这些即将到来的时刻,我们最好做一个倒计时,来时刻提醒我们它们的到来。而且如果在你的网页上加上一个澳门回归的倒计时牌,那么也会使用你的主页立意更加新颖。下面我们来用VBScript来实现这个功能。

---- 要实现倒计时,主要用到的是一个时间函数: DateDIFF(),它的作用是求出两个日期之间的时间间隔。它的格式如下:

DateDIFF(format,Date1,Date2)

---- 其中, format是指返回的格式。我们可以按相差多少天,相差多少小时,或相差多少秒的格式来返回。具体格式和意义请参见下表:

格式              意义
Yyyy              年
Q               一刻钟
M               月
Y               一年的一天
D               天
W               星期
Ww               日期
H               小时
M               分
S               秒

---- 在这里,我们只要求出两个时间之间相差的秒数,然后可以根据1 天等于24小时,1小时等于 60 分, 1 分等于 60 秒来求出相差多少天、多少小时、多少分、多少秒。

---- Date1 和Date2 用来表示两个日期,如果我们要求出 2000年到今天的时间差,只要把2000 年放在 Date1 的位置,而把现在的时间放在 Date2 的位置就可以了。

---- 现在在理论上已经可行了,但是我们还必须加入一个标签用来显示时间,而且要加入一个定时器来定时地刷新标签上的显示。定时器的时间间隔定为多大为合适呢?这没有一个定论,要根据条件而定。因为本程序的倒计时是以秒为最小单位的,所以我们必须能够正确地对每秒钟进行刷新。也就是说,定时器的间隔必须小于或等于 1000。但是由于定时器的1000并不是严格地与1秒相等,所以即使设为1000,也有可能“秒”不会及时地刷新,出现间断跳跃。比如显示完4秒后应该是3秒,然后才是2秒,但是由于刷新不及时,可能会出现显示完 4 秒就显示2 秒的情况,这就是刷新不及时造成的(但这并不影响倒计时的精确度)。我们再来把定时器的时间间隔设的很小看看,设为1吧,这样,每隔大约1/1000秒,就会求一次值,这是决对精确的。但是又有一个问题,就是如果时间间隔太小,可能会抢占太多的系统时间,对本来就很慢的网络来说,可是个不小的负担。如果折中一下,可以把它设为200,即1秒内刷新5次,这就能满足双方面的需要了。

---- 我们来看一下相应的程序段:

   < script LANGUAGE="VBScript" >
   < !--
   option explicit
   dim MyDate '结果日期
   dim datesub '时间差
   dim dd '相差天数
   dim hh '相差小时数
   dim mm '相差分数
   dim ss '相差秒数
   dim strTip '标签提示
   mydate=CDate("2000-1-1")
   dim mytime
   Sub tmraumen_Timer()
   datesub=datediff("s",now,mydate)
   dd=fix(datesub/(60*60*24))
   hh=fix((datesub-dd*60*60*24)/(60*60))
   mm=fix((datesub-dd*60*60*24-hh*60*60)/60)
   ss=fix(datesub-dd*60*60*24-HH*60*60-MM*60)
   strtip="离2000年还有"
   strtip=strtip + cstr(dd) + "天"
   strtip=strtip + cstr(HH) + "小时"
   strtip=strtip + cstr(MM) + "分钟"
   strtip=strtip + cstr(SS) + "秒"
   lblaumen.caption=strtip
   end sub
   -- >

   < /script >

---- 以上仅是实现了一个最简单的倒计时牌,我们还可以再此基础上对其进行改造和完善。如果觉得标签的拌动太厉害的话,可以把一个标签分成几个标签,分别用来显示天,小时,分,秒,如果要重新显示的值和原值相等,则不对标签的内容进行刷新,只有在出现变化的时候,才对其进行刷新操作,这样就不会出现太明显的抖动了。
相关内容
赞助商链接