JavaScript 逼真图片倒计时实现代码

所属分类：网络编程 / JavaScript 阅读数： 1473

收藏 0赞 0分享

逼真的Js图片倒计时，显示剩余小时、分钟、秒数。仅用了一张图片就搞定了，与纯网页版的不太一样哦。现在用图片模拟LED的效果，还真不错，希望大家彻底喜欢哦。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>逼真图片倒计时</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body> 距离发射升空还有： <div class="time" id="time1"> <img id="hour_01" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> <img id="hour_02" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> <img id="hour_03" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> ： <img id="minute_01" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> <img id="minute_02" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> ： <img id="second_01" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> <img id="second_02" alt="" src="https://zhanzhang360.qulang.net/imgupload/005871/20100917154719975.jpg"> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

JavaScript 逼真图片倒计时实现代码

jQuery LigerUI 使用教程表格篇(1)

JavaScript中常用的运算符小结

深入理解JavaScript系列(13) This? Yes,this!

javascript （用setTimeout而非setInterval）

JavaScript中两个感叹号的作用说明

javascript写的简单的计算器，内容很多，方法实用，推荐

js的表单操作简单计算器

Jquery中删除元素的实现代码

javaScript 利用闭包模拟对象的私有属性

为JavaScript类型增加方法的实现代码(增加功能)

网络赚钱

站长故事

JavaScript 逼真图片倒计时实现代码

jQuery LigerUI 使用教程表格篇(1)

JavaScript中常用的运算符小结

深入理解JavaScript系列(13) This? Yes,this!

javascript （用setTimeout而非setInterval）

JavaScript中两个感叹号的作用说明

javascript写的简单的计算器，内容很多，方法实用，推荐

js的表单操作 简单计算器

Jquery中删除元素的实现代码

javaScript 利用闭包模拟对象的私有属性

为JavaScript类型增加方法的实现代码(增加功能)

网络赚钱

站长故事

js的表单操作简单计算器