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

发布时间:2019-12-24编辑:脚本学堂
分享一例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.jb200.com</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>