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中的call实现继承
Jan 22 Javascript
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
Javascript中call与apply的学习笔记
Sep 22 Javascript
jQuery实现checkbox全选的方法
Jun 10 Javascript
深入理解JavaScript中的for循环
Feb 07 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
利用js编写网页进度条效果
Oct 08 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
JavaScript中AOP的实现与应用
May 06 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
什么是短波收听SWL
2021/03/01 无线电
PHP strtotime函数详解
2009/12/18 PHP
php中mysql操作buffer用法详解
2015/03/19 PHP
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
js 深拷贝函数
2008/12/04 Javascript
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
使用jquery实现轮播图效果
2021/01/02 jQuery
Python查询Mysql时返回字典结构的代码
2012/06/18 Python
Python os模块介绍
2014/11/30 Python
浅谈五大Python Web框架
2017/03/20 Python
Flask框架web开发之零基础入门
2018/12/10 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
Python用字典构建多级菜单功能
2019/07/11 Python
django 通过URL访问上传的文件方法
2019/07/28 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
北京SQL新华信咨询
2016/09/30 面试题
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
本科应届生自荐信
2014/06/29 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
解除施工合同协议书
2014/10/17 职场文书
[有人@你]你有一封绿色倡议书,请查收!
2019/07/18 职场文书
python实现层次聚类的方法
2021/11/01 Python
python中的sys模块和os模块
2022/03/20 Python
Redis官方可视化工具RedisInsight安装使用教程
2022/04/19 Redis