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

(编辑：jimmy 日期: 2025/5/13 浏览：3 次 )

逼真的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"> <style type="text/css"> .time{width:200px;height:25px;border:1px red solid;overflow:hidden;} .time span{float:left;line-height:25px;height:25px;overflow:hidden;} .time span.danwei{padding:0 1px;} .clear{height:0;clear:both;overflow:hidden;} </style> </head> <body> 距离发射升空还有：  <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100917154719975.jpg');"><img src="/UploadFiles/2021-04-02/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/upload/201009/20100917154719975.jpg');"><img src="/upload/201009/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100917154719975.jpg');"><img src="/UploadFiles/2021-04-02/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> ： <a href="javascript:;" onclick="showimg('/upload/201009/20100917154719975.jpg');"><img src="/upload/201009/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100917154719975.jpg');"><img src="/UploadFiles/2021-04-02/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> ： <a href="javascript:;" onclick="showimg('/upload/201009/20100917154719975.jpg');"><img src="/upload/201009/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/20100917154719975.jpg');"><img src="/UploadFiles/2021-04-02/20100917154719975.jpg" alt="JavaScript 逼真图片倒计时实现代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <br>   </body> </html>

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

上一篇：Js智能判断浏览器是关闭还是刷新的代码
下一篇：JavaScript随机排序(随即出牌)