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 相关文章推荐
Js切换功能的简单方法
Nov 23 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
jQuery实现360°全景拖动展示
Mar 18 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
Dec 14 Javascript
实现高性能JavaScript之执行与加载
Jan 30 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
angularjs 表单密码验证自定义指令实现代码
Oct 27 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
JS中的BOM应用
Feb 02 Javascript
理解Koa2中的async&amp;await的用法
Feb 05 Javascript
Vue 实现从小到大的横向滑动效果详解
Oct 16 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编程中八种常见的文件操作方式
2006/11/19 PHP
php中Smarty模板初体验
2011/08/08 PHP
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
8个必备的PHP功能实例代码
2013/10/27 PHP
PHP小教程之实现链表
2014/06/09 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
PHP中抽象类、接口的区别与选择分析
2016/03/29 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
PHP实现批量重命名某个文件夹下所有文件的方法
2017/09/04 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
iframe的onreadystatechange事件在firefox下的使用
2014/04/16 Javascript
jQuery中appendTo()方法用法实例
2015/01/08 Javascript
jquery显示loading图片直到网页加载完成的方法
2015/06/25 Javascript
javascript每日必学之封装
2016/02/23 Javascript
jQuery的框架介绍
2016/05/11 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
2019/11/25 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
Python3中简单的文件操作及两个简单小实例分享
2017/06/18 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
生物技术研究生自荐信
2013/11/12 职场文书
语文教育专业推荐信范文
2013/11/25 职场文书
教师求职自荐信范文
2015/03/04 职场文书
游戏开发中如何使用CocosCreator进行音效处理
2021/04/14 Javascript