filo_caspar/app/client/countdown.js

80 lines
2.1 KiB
JavaScript

var currentActiveTimer = null
function pad(n) { return (n < 10) ? ('0' + n) : n }
function timer(name) {
var days = 0
var hours = 0
var mins = 0
var secs = 0
var now = new Date()
var timeElement = document.getElementById(name + '-countdown-timer')
if (!timeElement) {
clearInterval(currentActiveTimer)
currentActiveTimer = null
return
}
var data = timeElement.tag
var time = data.time
var difference = (time - now)
if (difference <= 0) {
clearInterval(currentActiveTimer)
currentActiveTimer = null
timeElement.innerHTML = data.data.finished || ''
return
}
days = Math.floor(difference / (60 * 60 * 1000 * 24) * 1)
hours = Math.floor((difference % (60 * 60 * 1000 * 24)) / (60 * 60 * 1000) )
mins = Math.floor(((difference % (60 * 60 * 1000 * 24)) % (60 * 60 * 1000)) / (60 * 1000) * 1)
secs = Math.floor((((difference % (60 * 60 * 1000 * 24)) % (60 * 60 * 1000)) % (60 * 1000)) / 1000 * 1)
var text = pad(hours) + ':' + pad(mins) + ':' + pad(secs)
if (days > 0) {
text = days.toString() + ' dag' + (days > 1 && 'a' || '') + ' ' + text
}
timeElement.innerHTML = text
}
module.exports.init = function(data) {
var element = document.createElement('div')
element.innerHTML = data.html
element.id = data.graphic.name
element.classList.add('root-element')
var styleElement = document.createElement('style')
styleElement.setAttribute('type', 'text/css')
styleElement.innerHTML = data.css
element.tag = styleElement
document.body.appendChild(element)
document.head.appendChild(styleElement)
window.setTimeout(function (){
element.classList.add('root-element-display')
}, 100)
module.exports.update(data)
}
module.exports.update = function(data) {
var timeElement = document.getElementById(data.graphic.name + '-countdown-timer')
data.time = new Date(data.data.countdown.replace(' ', 'T'))
if (timeElement) {
timeElement.tag = data
timer(data.graphic.name)
if (currentActiveTimer) {
clearInterval(currentActiveTimer)
}
currentActiveTimer = setInterval(timer.bind(null, data.graphic.name), 1000)
}
}