网页倒计时代码,可用于限时抢购/购物等

2014年9月12日11:25:49 评论 822 次浏览

一款比较经典的JS代码,烈火节日频道一直在使用,倒计时代码一般来说可以用于限时抢购、节日及重大活动的倒计时,我们在网上经常见到,不足之处就是不能限制客户端时间,如果客户端时间不准确,那么倒计时也就不准确了。

<style type="text/css">
*{margin:0;padding:0;}
#time{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}
#time p span{color:red;font:bold 20px Arial;}
</style>
<div id="time">
<h1>限时抢购啦!</h1>
<p>还剩<span id="times"></span></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("December 20, 2018 20:00:00");//这里设置的时间为2011年,您可以修改为其它时间。截止时间 格式:月(英文) 日,年 时间(00:00:00)
var nowtime = new Date();
var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
if(leftsecond<0){leftsecond=0;}
__d=parseInt(leftsecond/3600/24);
__h=parseInt((leftsecond/3600)%24);
__m=parseInt((leftsecond/60)%60);
__s=parseInt(leftsecond%60);
document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"秒";
}// down.liehuo.net
_fresh()
setInterval(_fresh,1000);
</SCRIPT>

附送1月到12月的英文名称:
一月:January 二月:February 三月:March 四月:April 五月:May 六月:June 七月:July 八月:August 九月:September 十月:October 十一月:November 十二月:December

继续阅读
weinxin
加我微信
微信扫一扫,加我微信好友,共同交流,共同进步! (备注:焦国强博客)
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: