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 写类方式之五
Jul 05 Javascript
javascript 触发HTML元素绑定的函数
Sep 11 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
你不知道的高性能JAVASCRIPT
Jan 18 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 Javascript
js遍历json的key和value的实例
Jan 22 Javascript
基于vuejs实现一个todolist项目
Apr 11 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 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原理之Session Gc的一个小概率Notice
2011/04/12 PHP
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
php实现httpclient类示例
2014/04/08 PHP
PHP中UNIX时间戳和日期间的转换与计算实例
2014/11/19 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
js加密解密字符串可自定义密码因子
2014/05/13 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
使用JavaScript实现点击循环切换图片效果
2017/09/03 Javascript
js中的闭包学习心得
2018/02/06 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
[02:37]2018DOTA2亚洲邀请赛赛前采访-EG篇
2018/04/03 DOTA
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
python处理PHP数组文本文件实例
2014/09/18 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
python爬虫的数据库连接问题【推荐】
2018/06/25 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
PHP面试题及答案二
2015/05/23 面试题
园林资料员岗位职责
2013/12/30 职场文书
教学实习自我评价
2014/01/28 职场文书
优秀幼教自荐信
2014/02/03 职场文书
酒店员工职业生涯规划
2014/02/25 职场文书
知识竞赛拉拉队口号
2014/06/16 职场文书
售房协议书
2014/08/19 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
全国法制宣传日活动总结2014
2014/11/01 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书