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 相关文章推荐
JavaScript 学习技巧
Feb 17 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 Javascript
JS中的this变量的使用介绍
Oct 21 Javascript
javascript查找字符串中出现最多的字符和次数的小例子
Oct 29 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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
解决文件名解压后乱码的问题 将文件名进行转码的代码
2012/01/10 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
javascript四舍五入函数代码分享(保留后几位)
2013/12/10 Javascript
一个JavaScript用逗号分割字符串实例
2014/09/22 Javascript
jQuery中toggleClass()方法用法实例
2015/01/05 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
2017/09/30 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
Python中使用wxPython开发的一个简易笔记本程序实例
2015/02/08 Python
Python中计算三角函数之cos()方法的使用简介
2015/05/15 Python
python3实现ftp服务功能(服务端 For Linux)
2017/03/24 Python
实用自动化运维Python脚本分享
2018/06/04 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
Python数组拼接np.concatenate实现过程
2020/04/18 Python
Python接口测试文件上传实例解析
2020/05/22 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
大学生创业项目方案
2014/03/08 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
基层党组织整改方案
2014/10/25 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书
党支部评议意见
2015/06/02 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
竞聘书的秘诀
2019/04/02 职场文书
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS