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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
js 覆盖和重载 函数
Sep 25 Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 Javascript
让新消息在网页标题闪烁提示的jQuery代码
Nov 04 Javascript
js控制div弹出层实现方法
May 11 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
vue实现点击按钮下载文件功能
Oct 11 Javascript
Javascript模拟实现new原理解析
Mar 03 Javascript
请求时token过期自动刷新token操作
Sep 11 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和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
ThinkPHP的URL重写问题
2014/06/22 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
JavaScript中的私有成员
2006/09/18 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
2009/12/22 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
2012/08/14 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
jquery form 加载数据示例
2014/04/21 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
详解angularJS自定义指令间的相互交互
2017/07/05 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
使用webpack搭建pixi.js开发环境
2020/02/12 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
python实现kMeans算法
2017/12/21 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
html5菜单折纸效果
2014/04/22 HTML / CSS
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
毕业生求职简历的自我评价
2013/10/23 职场文书
新春文艺演出主持词
2014/03/27 职场文书
四年级小学生评语
2014/12/26 职场文书
学校捐款活动总结
2015/05/09 职场文书
2015年度高中教师工作总结
2015/05/26 职场文书
幽灵公主观后感
2015/06/09 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python
Mysql数据库命令大全
2021/05/26 MySQL