Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 Js网页倒计时代码(限时抢购、网购倒计时)

Js网页倒计时代码(限时抢购、网购倒计时)

发布时间:2015-05-13   编辑:www.jquerycn.cn
分享一例js倒计时的代码,js脚本实现的网页倒计时功能,一款经典的js倒计时代码,有需要的朋友参考下。

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

例子,js倒计时代码。
 

复制代码 代码示例:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>网页倒计时代码 - www.jquerycn.cn</title>
<style type="text/css">
*{margin:0;padding:0;}
#content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}
#content p span{color:red;font:bold 20px Arial;}
</style>
</head>
<body><div id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span id="times"></span></p>
</div>
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
var endtime=new Date("December 20, 2011 20:00:00");//这里设置的时间为2011年,您可以修改为其它时间。
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>
</body>
</html>

您可能感兴趣的文章:
Js网页倒计时代码(限时抢购、网购倒计时)
JS倒计时代码(可随时点击停止)
jquery 倒计时效果实现秒杀的思路与代码
点击按钮 倒计时60秒方可再次点击发送的Js代码
倒计时60秒刷新网页的js实现代码
60秒倒计时的jquery实现代码
Jquery实现团购倒计时的代码
团购页面中多个商品倒计时的js代码
js定时器综合实例
js倒计时(距离结束还有多少时间)的代码分享

[关闭]