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 相关文章推荐
jQuery 阴影插件代码分享
Jan 09 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 Javascript
第一篇初识bootstrap
Jun 21 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 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
Linux下进行MYSQL编程时插入中文乱码的解决方案
2007/03/15 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
ThinkPHP中处理表单中的注意事项
2014/11/22 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
javascript与CSS复习(二)
2010/06/29 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
JavaScript基础函数整理汇总
2015/01/30 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
javascript数组随机排序实例分析
2015/07/22 Javascript
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
2018/03/17 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
关于vue路由缓存清除在main.js中的设置
2019/11/06 Javascript
js实现抽奖功能
2020/11/24 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
Python读写Redis数据库操作示例
2014/03/18 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
3种方式实现瀑布流布局小结
2019/09/05 HTML / CSS
澳大利亚最受欢迎的超级商场每日优惠:Catch
2020/11/17 全球购物
公务员转正鉴定材料
2014/02/11 职场文书
公司联欢会策划方案
2014/05/19 职场文书
副主任竞聘演讲稿
2014/08/18 职场文书
校长个人总结
2015/03/03 职场文书
浅谈Redis缓冲区机制
2022/06/05 Redis