javascript 写的一个简单的timer


Posted in Javascript onJuly 30, 2009

先看看效果吧。
javascript 写的一个简单的timer
代码很简单,只是使用了javascript的setTimeout()函数。
用到的html"

<table> 
<td bgcolor="EE8F8F" height="45"> 
<img src="dg8.gif" src="dg8.gif" name="hr1"><img 
src="dg8.gif" name="hr2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="mn1"><img 
src="dg8.gif" name="mn2"><img 
src="dgc.gif" name="c"><img 
src="dg8.gif" name="se1"><img 
src="dg8.gif" name="se2"> 
</td></table>

然后是实现了不停的计时的javascript:
<script language="javascript"><!-- 
dg0 = new Image();dg0.src = "dg0.gif"; 
dg1 = new Image();dg1.src = "dg1.gif"; 
dg2 = new Image();dg2.src = "dg2.gif"; 
dg3 = new Image();dg3.src = "dg3.gif"; 
dg4 = new Image();dg4.src = "dg4.gif"; 
dg5 = new Image();dg5.src = "dg5.gif"; 
dg6 = new Image();dg6.src = "dg6.gif"; 
dg7 = new Image();dg7.src = "dg7.gif"; 
dg8 = new Image();dg8.src = "dg8.gif"; 
dg9 = new Image();dg9.src = "dg9.gif"; dgc = new Image();dgc.src = "dgc.gif"; 
se_d=0; 
se_g=0; 
mn_g=0; 
mn_d=0; 
hr_g=0; 
hr_d=0; 
function dotimer(){ 
theTime=setTimeout('dotimer()',1000); 
//���ﲻ��ʹ��60����4����hr,mn��se 
//������ʹ�øߣ���λ4��ʾ 
document.hr1.src = 'dg'+hr_g+'.gif'; 
document.hr2.src = 'dg'+hr_d+'.gif'; 
document.mn1.src = 'dg'+mn_g+'.gif'; 
document.mn2.src = 'dg'+mn_d+'.gif'; 
document.se1.src = 'dg'+se_g+'.gif'; 
document.se2.src = 'dg'+se_d+'.gif'; 
if(se_d < 9) 
{ 
se_d=se_d +1;} 
else 
{ 
se_d=0; 
se_g=se_g+1; 
} 
if(se_g > 5) 
{se_g = 0; 
mn_d=mn_d +1 ; 
if(mn_d > 9) 
{mn_d =0; 
mn_g = mn_g+1;} 
if(mn_g >5) 
{ 
mn_g=0; 
hr_d=hr_d+1; 
} 
if(hr_d >9) 
{ 
hr_d=0; 
hr_g=hr_g+1; 
} 
} 
} 
dotimer(); 
//end 
// --></script>

最后附上我用到的几个图片:

javascript 写的一个简单的timer

Javascript 相关文章推荐
指定js可访问其它域名的cookie的方法
Sep 18 Javascript
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
JS实现图片翻书效果示例代码
Sep 09 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
JSON格式的键盘编码对照表
Jan 29 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
jQuery EasyUI中DataGird动态生成列的方法
Apr 05 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
Vue事件修饰符native、self示例详解
Jul 09 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 #Javascript
Javascript this指针
Jul 30 #Javascript
javascript 进度条 实现代码
Jul 30 #Javascript
JS input 数字验证代码
Jul 30 #Javascript
关于取不到由location.href提交而来的上级页面地址的解决办法
Jul 30 #Javascript
window.parent调用父框架时 ie跟火狐不兼容问题
Jul 30 #Javascript
javascript EXCEL 操作类代码
Jul 30 #Javascript
You might like
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
ThinkPHP路由详解
2015/07/27 PHP
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
jqeury-easyui-layout问题解决方法
2014/03/24 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
详解nodejs微信公众号开发——6.自定义菜单
2017/04/13 NodeJs
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
layer.close()关闭进度条和Iframe窗的方法
2018/08/17 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
Python实现随机选择元素功能
2017/09/14 Python
python中requests和https使用简单示例
2018/01/18 Python
对Python之gzip文件读写的方法详解
2019/02/08 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
Python转换itertools.chain对象为数组的方法
2020/02/07 Python
Python如何telnet到网络设备
2021/02/18 Python
实习求职信
2013/12/01 职场文书
小区门卫管理制度
2014/01/29 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
毕业留言寄语大全
2014/04/10 职场文书
2015届本科毕业生自我鉴定
2014/09/27 职场文书
业务内勤岗位职责
2015/04/13 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS
python中filter,map,reduce的作用
2022/06/10 Python