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代码必备[js多浏览器兼容写法]
Oct 29 Javascript
js sort 二维数组排序的用法小结
Jan 24 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
原生js实现简单的链式操作
Jul 04 Javascript
Angular2监听页面大小变化的解决方法
Oct 09 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
微信小程序之数据绑定原理解析
Aug 14 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载入页面时编码的方法
2014/07/29 PHP
php自定文件保存session的方法
2014/12/10 PHP
golang与PHP输出excel示例
2016/07/22 PHP
PHP基于Closure类创建匿名函数的方法详解
2017/08/17 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
有趣的JavaScript数组长度问题代码说明
2011/01/20 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
JavaScript基本语法学习教程
2016/01/14 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
vue与vue-i18n结合实现后台数据的多语言切换方法
2018/03/08 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
2020/08/04 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
Python中super函数的用法
2017/11/17 Python
浅析Python 引号、注释、字符串
2019/07/25 Python
Pycharm 2019 破解激活方法图文详解
2019/10/11 Python
Python 获取命令行参数内容及参数个数的实例
2019/12/20 Python
如何在django中添加日志功能
2020/02/06 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
C#公司笔试题
2014/03/28 面试题
大学生就业自我鉴定
2013/10/26 职场文书
护理专业毕业生推荐信
2013/10/31 职场文书
高一地理教学反思
2014/01/18 职场文书
绿色环保倡议书
2015/04/28 职场文书
签证工作证明模板
2015/06/15 职场文书
小学数学教学反思范文
2016/02/16 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL