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 相关文章推荐
浅析return false的正确使用
Nov 04 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
js运动事件函数详解
Oct 21 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
vue脚手架vue-cli的学习使用教程
Jun 06 Javascript
JS实现简易的图片拖拽排序实例代码
Jun 09 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
Apr 22 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
js实现自定义右键菜单
May 18 Javascript
Js图片点击切换轮播实现代码
Jul 27 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/02/27 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
JavaScript 学习笔记一些小技巧
2010/03/28 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
2015/10/22 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
python实现教务管理系统
2018/03/12 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
PyQt5每天必学之布局管理
2018/04/19 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
flask开启多线程的具体方法
2020/08/02 Python
css3和jquery实现自定义checkbox和radiobox组件
2014/04/22 HTML / CSS
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
教师通用专业自荐书范文
2014/02/11 职场文书
公司司机岗位职责范本
2014/03/03 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
Python Socket编程详解
2021/04/25 Python
Redis高并发防止秒杀超卖实战源码解决方案
2021/11/01 Redis