countdown modificabile con un click

[Alessio Pinna]

<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?

 

[Longo8]

Intanto modifica la funzione incremento() in questo modo:

   function incremento() {	
        end.setMinutes(end.getMinutes() + 5);
    }

Poi ovvio che ritorna al valore originario una volta aggiornata la pagina perchè la data di partenza resta sempre quella che hai passato quando hai istanziato l'oggetto end della classe Date.