3分钟教会你javascript倒计时原理

2015-06-19

function countBox(ele,endTime){
function countDown(){
var allSeconds = (endTime - (new Date().getTime()))/1000;
if(allSeconds<=0){
clearInterval(ele.timer);
return false;
}
var days = Math.floor(allSeconds/(60*60*24));//天数
var d_s = allSeconds - (days*24*60*60);//时分秒所占的总过的秒数
var hours = Math.floor(d_s/(60*60));//这个是所占的小时数；
var h_s = d_s-(hours*60*60);//这个是分秒一共占的秒数
var minutes = Math.floor(h_s/60);//这个是多少分钟；
var seconds = Math.floor(h_s-(minutes*60));
ele.innerHTML = "<span style='padding-right:10px;'>仅剩下:</span><span>"+days+"天</span><span>"+hours+"时</span><span>"+minutes+"分</span><span>"+seconds+"秒</span>";
};
ele.timer = setInterval(function(){
countDown();
},1000);
};
var aWrap = document.querySelectorAll(".wrap");
for(var i=0; i<aWrap.length; i++){
var otime = aWrap[i].getAttribute("data-time");
countBox(aWrap[i],otime);

 

 

这些你看懂了吗？可随意变换的哦~开动你的脑筋，倒计时so easy

转载于:https://www.cnblogs.com/webgirl/p/4588155.html