| 1 |
function getTimeRemaining(endtime) { |
| 2 |
var t = Date.parse(endtime) - Date.parse(new Date()); |
| 3 |
var seconds = Math.floor((t / 1000) % 60); |
| 4 |
var minutes = Math.floor((t / 1000 / 60) % 60); |
| 5 |
var hours = Math.floor((t / (1000 * 60 * 60)) % 24); |
| 6 |
var days = Math.floor(t / (1000 * 60 * 60 * 24)); |
| 7 |
return { |
| 8 |
'total': t, |
| 9 |
'days': days, |
| 10 |
'hours': hours, |
| 11 |
'minutes': minutes, |
| 12 |
'seconds': seconds |
| 13 |
}; |
| 14 |
} |
| 15 |
|
| 16 |
function initializeCountDown(clock, endtime) { |
| 17 |
console.log(clock); |
| 18 |
|
| 19 |
var daysSpan = clock.find('.days'); |
| 20 |
var hoursSpan = clock.find('.hours'); |
| 21 |
var minutesSpan = clock.find('.minutes'); |
| 22 |
var secondsSpan = clock.find('.seconds'); |
| 23 |
|
| 24 |
function updateClock() { |
| 25 |
var t = getTimeRemaining(endtime); |
| 26 |
|
| 27 |
daysSpan.html( t.days ); |
| 28 |
hoursSpan.html( ('0' + t.hours).slice(-2) ); |
| 29 |
minutesSpan.html( ('0' + t.minutes).slice(-2) ); |
| 30 |
secondsSpan.html( ('0' + t.seconds).slice(-2) ); |
| 31 |
|
| 32 |
|
| 33 |
|
| 34 |
if (t.total <= 0) { |
| 35 |
daysSpan.html( '00' ); |
| 36 |
hoursSpan.html( '00' ); |
| 37 |
minutesSpan.html( '00' ); |
| 38 |
secondsSpan.html( '00' ); |
| 39 |
clearInterval(timeinterval); |
| 40 |
} |
| 41 |
} |
| 42 |
|
| 43 |
updateClock(); |
| 44 |
var timeinterval = setInterval(updateClock, 1000); |
| 45 |
} |
| 46 |
|
| 47 |
export {initializeCountDown,getTimeRemaining}; |
| 48 |
|
