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有关的小细节
Apr 02 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
js 多浏览器分别判断代码
Apr 01 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
Dec 08 Javascript
React Router基础使用
Jan 17 Javascript
基于rollup的组件库打包体积优化小结
Jun 18 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
微信小程序实现时间戳格式转换
Jul 20 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
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
php4的session功能评述(一)
2006/10/09 PHP
MYSQL数据库初学者使用指南
2006/11/16 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
js同时按下两个方向键
2007/12/01 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
jquery UI Datepicker时间控件的使用方法(终结版)
2015/11/07 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
Vue.js组件高级特性实例详解
2018/12/24 Javascript
微信小程序实现的一键拨号功能示例
2019/04/24 Javascript
JavaScript如何获取一个元素的样式信息
2019/07/29 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
vue实现登录拦截
2020/06/29 Javascript
python实现给scatter设置颜色渐变条colorbar的方法
2018/12/13 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
python计算n的阶乘的方法代码
2019/10/25 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
Python字符串函数strip()原理及用法详解
2020/07/23 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
C#笔试题
2015/07/14 面试题
《识字五》教学反思
2014/03/01 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
2014年车间工作总结
2014/11/21 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
环境卫生标语
2015/08/03 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
初中思想品德教学反思
2016/02/24 职场文书
Jupyter notebook 输出部分显示不全的解决方案
2021/04/24 Python
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
Spring中bean的生命周期之getSingleton方法
2021/06/30 Java/Android
python turtle绘图命令及案例
2021/11/23 Python