码迷,mamicode.com
首页 > 其他好文 > 详细

多个倒计时

时间:2016-06-28 02:04:06      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ment</title>
<script src="time.js"></script>
</head>
<body>
<div id="countdown"></div>
<script>// 引用倒计时
countdown({
‘end‘:[‘2016/6/27 23:18:00‘ , ‘2016/6/30 24:00:00‘ , ‘2016/7/01 24:00:00‘],
‘callback‘:function () {
document.getElementById(‘countdown‘).innerHTML = ‘the end!‘;
// $(‘.login_award_time‘).remove();
}
});
</script>
</body>
</html>

 

 

 

 

 

(function (){
function countdown(config){
var startDate = config.start ? new Date(config.start) : new Date();
for(var i=0;i<config.end.length;i++){
var num =(new Date(config.end[i]) - startDate )/1000;
console.log(num)
if (num > 0){
config.endtime = config.end[i];
console.log(‘config.endtime‘,config.endtime)
break;
}
}
var endDate = new Date(config.endtime);
var id = config.id || ‘countdown‘;

var time = (endDate - startDate)/1000;
// console.log(time)
if(time < 0){
if(config.callback){
config.callback();
}
return;
}

var day = parseInt(time/86400, 10);
var hour = parseInt(time%86400/60/60, 10);
var minute = parseInt(time%86400%3600/60, 10);
var second = parseInt(time%86400%3600%60, 10);
var mayday = day > 0?day+‘天‘:‘‘;
var mayhour = hour<10?‘0‘+hour:hour;
var mayminute = minute<10?‘0‘+minute : minute;
var maysecond = second<10?‘0‘+second : second;
setTimeout(function (){
document.getElementById(id).innerHTML = mayday+mayhour+‘:‘+mayminute+‘:‘+maysecond;
countdown(config);
}, 1000);
}

window.countdown = countdown;
})();

多个倒计时

标签:

原文地址:http://www.cnblogs.com/zerohu/p/5622013.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!