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的实现原理的模拟代码 -1 核心部分
Aug 01 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
js闭包所用的场合以及优缺点分析
Jun 22 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
javaScript手机号码校验工具类PhoneUtils详解
Dec 08 Javascript
jquery实现搜索框功能实例详解
Jul 23 jQuery
JavaScript碰撞检测原理及其实现代码
Mar 12 Javascript
使用js和canvas实现时钟效果
Sep 08 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/08/16 PHP
深入浅出讲解:php的socket通信原理
2016/12/03 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
jquery 插件开发方法小结
2009/10/23 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
js图片轮播手动切换效果
2015/11/10 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
创建一般js对象的几种方式
2017/01/19 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
jQuery读取本地的json文件(实例讲解)
2017/10/31 jQuery
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
django url到views参数传递的实例
2019/07/19 Python
Python中的Cookie模块如何使用
2020/06/04 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
HTML5仿手机微信聊天界面
2016/03/18 HTML / CSS
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
俄罗斯马克西多姆家居用品网上商店:Максидом
2020/02/06 全球购物
我的理想演讲稿
2014/04/30 职场文书
活动总结报告范文
2014/05/04 职场文书
公司担保书范文
2014/05/21 职场文书
博士生专家推荐信
2014/09/26 职场文书
禁毒主题班会教案
2015/08/14 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
Python基础之字符串格式化详解
2021/04/21 Python
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python
vue实现Toast组件轻提示
2022/04/10 Vue.js