电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
在网页中制作动态时间按钮
在网页中制作动态时间按钮
2005-12-30 19:02:10  文/45IT收集   出处:电脑软硬件应用网   

本文采用vbscript脚本语言编程实现动态时间按钮,其原理就是调用定时函数settimeout()每隔一秒钟获取一次系统时间,并及时改变网页中按钮的value值,从而实现时间的动态显示。当鼠标在时间按钮上单击时,程序将计算从打开网页到当前的停留时间,并显示给用户。本例在ie4.0以上通过。

源代码如下:

〈html〉〈head〉

〈title〉时间按钮示例〈/title〉

〈script language=vbscript〉

dim stt,edt

′---| 显示动态时间按钮 |---

sub disp—clock()

dim hr,sx,hrs,curtime

hr=hour(time)

if hr〈12 then

hrs=cstr(hr)

sx=″ am″

else 

hrs=cstr(hr-12)

sx=″ pm″

end if

curtime=hrs+right(cstr(time),6)

yt.value=curtime+sx

call settimeout(″disp—clock()″,1000)

end sub

′---| 显示停留时间数 |---

sub disp—msg()

dim hr,mn,sc,hrs,mns

edt=time

hr=hour(edt)

mn=minute(edt)

sc=second(edt)-second(stt)

if sc〈0 then

sc=60+sc

mn=mn-1

end if

mn=mn-minute(stt)

if mn〈0 then

mn=60+mn

hr=hr-1

end if

hr=hr-hour(stt)

if hr〈0 then hr=24+hr

hrs=″ ″+cstr(hr)+″小时″

if hr=0 then hrs=″″

mns=cstr(mn)+″分钟″

if mn=0 then mns=″″ 

msgbox ″你在本网页已停留了″+hrs+mns+cstr(sc)+″秒!″

end sub

〈/script〉

〈/head〉

〈body〉

〈center〉

〈br〉〈br〉〈p〉〈font color=red〉〈b〉〈h3〉时间按钮〈/h3〉〈/b〉〈/font〉〈/p〉

〈input type=″button″ value=″″ name=″yt″ onclick=″disp_msg()″ style=″cursor:hand; font-family: 黑体; font-size: 16pt; font-weight: bold; color:blue″〉

〈p〉〈h5〉提示:鼠标单击按钮会显示停留时间!〈/h5〉〈/p〉

〈script language=vbscript〉

stt=time

disp—clock

〈/script〉〈/center〉

〈/body〉

〈/html〉  

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    装载页面进度条代码
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效(兼容多浏览器)
    网页特效代码:JavaScript显示系统时…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号