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 YUI 读码日记之 YAHOO.util.Dom - Part.4
Mar 22 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
jQuery操作input值的各种方法总结
Nov 21 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
JS模拟简易滚动条效果代码(附demo源码)
Apr 05 Javascript
Bootstrap 响应式实用工具实例详解
Mar 29 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
vue的toast弹窗组件实例详解
May 14 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 Javascript
Vue中watch、computed、updated三者的区别及用法
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的计数器程序
2006/10/09 PHP
php is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
linux下为php添加curl扩展的方法
2011/07/29 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP实现CSV文件的导入和导出类
2015/03/24 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
javascript查询字符串参数的方法
2015/01/28 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
python中urlparse模块介绍与使用示例
2017/11/19 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
Python qqbot 实现qq机器人的示例代码
2019/07/11 Python
python使用pip安装SciPy、SymPy、matplotlib教程
2019/11/20 Python
pandas apply多线程实现代码
2020/08/17 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
校园门卫岗位职责
2013/12/09 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
纪念九一八事变演讲稿:勿忘国耻
2014/09/14 职场文书
提档介绍信范文
2015/10/22 职场文书
如何使用CocosCreator对象池
2021/04/14 Javascript
css3新特性的应用示例分析
2022/03/16 HTML / CSS
python实现双向链表原理
2022/05/25 Python