Hej,
jag har lite problem med denna countdown timer, saken är att texten flyttar sig när siffrorna ändras, har lagt upp en kort videosnutt på problemet. Jag vill att positionen ska vara fast, vad behöver jag ändra i koden nedan? Eller är det i CSS:en jag ska ändra?
https://streamable.com/nfqs3
jag har lite problem med denna countdown timer, saken är att texten flyttar sig när siffrorna ändras, har lagt upp en kort videosnutt på problemet. Jag vill att positionen ska vara fast, vad behöver jag ändra i koden nedan? Eller är det i CSS:en jag ska ändra?
https://streamable.com/nfqs3
Kod:
// set the date we're counting down to
var target_date = new Date('Dec, 31, 2017').getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById('countdown');
// update the tag with id "countdown" every 1 second
setInterval(function () {
// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;
// do some time calculations
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
// format countdown string + set tag value
countdown.innerHTML = '<div class="days"><h2><span>' + days + ' </span>Dagar <span> ' + hours + ' </span>Timmar <span> ' + minutes + ' </span>Minuter <span> ' + seconds + ' </span>Sekunder </div> ';
}, 1000);
