当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
在网页中制作动态时间按钮 | |||
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号 |