HTML:
<script>
var end = new Date("07 16, 2013 19:00:00");
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
function incremento() {
end.setMinutes(+5)
end.getMinutes()
}
function showRemaining() {
var now = new Date();
var distance = end - now;
if (distance < 0) {
clearInterval(timer);
document.getElementById('countdown').innerHTML = 'CLOSED!';
return;
}
var days = Math.floor(distance / _day);
var hours = Math.floor((distance % _day) / _hour);
var minutes = Math.floor((distance % _hour) / _minute);
var seconds = Math.floor((distance % _minute) / _second);
document.getElementById('countdown').innerHTML = days + 'days ';
document.getElementById('countdown').innerHTML += hours + 'hrs ';
document.getElementById('countdown').innerHTML += minutes + 'mins ';
document.getElementById('countdown').innerHTML += seconds + 'secs';
}
timer = setInterval(showRemaining, 1000);
</script>
<div id="countdown"></div>
<input type="button" name="B3" value="Premi" OnClick="javascript:incremento()">
Questo script permette di avere un countdown che al riavvio della pagina non riparte dall'inizio ma rimane "aggiornato" nel tempo .
Ho inserito un pulsante input incrementa il countdown di 5 min , il mio problema però è che se riavvio la pagina l'incremento (+5 min) si toglie e torna l'orario prestabilito
Come posso rendere permanente l'incremento?
Ultima modifica: