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 相关文章推荐
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
Oct 17 Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
理解javascript中DOM事件
Dec 25 Javascript
探究Vue.js 2.0新增的虚拟DOM
Oct 20 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
详解element-ui中el-select的默认选择项问题
Aug 02 Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 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,js双版本
2012/09/25 PHP
PHP使用递归生成文章树
2015/04/21 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
如何让PHP编码更加好看利于阅读
2019/05/12 PHP
js 分栏效果实现代码
2009/08/29 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
javascript RegExp 使用说明
2016/05/21 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
详解vue 模版组件的三种用法
2017/07/21 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
vue2路由基本用法实例分析
2020/03/06 Javascript
videocapture库制作python视频高速传输程序
2013/12/23 Python
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
python虚拟环境迁移方法
2019/01/03 Python
在django中,关于session的通用设置方法
2019/08/06 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
python3爬取torrent种子链接实例
2020/01/16 Python
Python Selenium参数配置方法解析
2020/01/19 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
Python函数参数定义及传递方式解析
2020/06/10 Python
Python爬虫与反爬虫大战
2020/07/30 Python
pytorch加载语音类自定义数据集的方法教程
2020/11/10 Python
打架检讨书800字
2014/01/10 职场文书
关于中国梦的演讲稿
2014/04/23 职场文书
逃课检讨书怎么写
2015/01/01 职场文书