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 中的 &amp;&amp; 和 || 使用小结
Apr 25 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
JSON相关知识汇总
Jul 03 Javascript
Vuejs第六篇之Vuejs与form元素实例解析
Sep 05 Javascript
vue.js开发环境安装教程
Mar 17 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
为输入框加入数字js校验代码分享
Nov 02 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
微信小程序图表插件wx-charts用法实例详解
May 20 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 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 mkdir()定义和用法
2009/01/14 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
jQuery的链式调用浅析
2010/12/03 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
Vue插件写、用详解(附demo)
2017/03/20 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
[02:57]DOTA2英雄基础教程 风行者
2014/01/16 DOTA
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python循环语句中else的用法总结
2016/09/11 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
python3 正则表达式基础廖雪峰
2020/03/25 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
HTML5 解决苹果手机不能自动播放音乐问题
2017/12/27 HTML / CSS
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
个人年底工作总结
2015/03/10 职场文书
交通安全温馨提示语
2015/07/14 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
深入浅析React中diff算法
2021/05/19 Javascript
react antd实现动态增减表单
2021/06/03 Javascript
CSS实现隐藏搜索框功能(动画正反向序列)
2021/07/21 HTML / CSS