js倒计时抢购实例

2015-12-21 08:54作者：fang

本文实例为大家分享了JavaScript实现限时抢购，供大家参考，具体代码如下

运行效果图：

js倒计时抢购实例

具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>限时抢购倒计时</title>

body{

text-align: center;

}

#first{

color:#ff7300;

font-size:30px;

margin-left:10px;

}

</style>

window.onload=function(){

setInterval(changTime, 500);

function changTime(){

document.getElementById("time").innerHTML=getTime();

changeStyle();

}

function gR()

{

return Math.floor(Math.random()*16);

}

function changeStyle(){

var ele=document.getElementById("time");

var size=Math.random()*40;

ele.style.fontSize=((size+10)+"px");

var mc=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");

ele.style.color="#"+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()]+mc[gR()];

}

function getTime(){

var now=new Date().getTime();

var end=new Date("2015/12/20").getTime();

var temp=end-now;

if(temp<=0)

{

document.getElementById("first").innerHTML="抢购活动已结束！！！！！";

return "";

}else

{

var temp2=new Date();

temp2.setTime(temp);

var sec=Math.floor((temp)/1000%60);

var min=Math.floor(temp/(60*1000)%60);

var hou=Math.floor(temp/(60*60*1000)%24);

var day=Math.floor(temp/(24*60*60*1000));

return day+"天 "+hou+"小时 "+min+"分钟 "+sec+"秒";

}

};

</script>

</head>

<body>

<span id="first">距离限时抢购还有 </span>

</body>

</html>

希望本文实例希望对大家学习javascript程序设计有所帮助。