HTML设置限时抢购倒计时步骤,js倒计时抢购实例

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

运行效果图：

具体代码如下：

限时抢购倒计时

body{

text-align: center;

}

#first{

color:#ff7300;

font-size:30px;

margin-left:10px;

}

window.οnlοad=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+"秒";

}

}

};

距离限时抢购还有 

更多关于倒计时的文章请查看专题：《倒计时功能》

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。