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中Object和Function的关系的三段简单代码
Jun 27 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
JavaScript中的null和undefined区别介绍
Jan 01 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
May 28 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
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
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP自定义函数格式化json数据示例
2016/09/14 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
js显示时间 js显示最后修改时间
2013/01/02 Javascript
js判断上传文件类型判断FileUpload文件类型代码
2014/05/20 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
JQuery实现简单的图片滑动切换特效
2015/11/22 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
vue+element tabs选项卡分页效果
2020/06/29 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
2020/12/17 Vue.js
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
解决python写的windows服务不能启动的问题
2014/04/15 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python单元测试实例详解
2018/05/25 Python
python实现爬取图书封面
2018/07/05 Python
Django 静态文件配置过程详解
2019/07/23 Python
Python try except else使用详解
2021/01/12 Python
python实现马丁策略的实例详解
2021/01/15 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
大学生的网上创业计划书
2013/12/31 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
企业授权委托书范本
2014/04/02 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
医院标语大全
2014/06/23 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
《检阅》教学反思
2016/02/22 职场文书
Python+Appium新手教程
2021/04/17 Python
详解Vue的列表渲染
2021/11/20 Vue.js
mysql分组后合并显示一个字段的多条数据方式
2022/01/22 MySQL