countdown modificabile con un click

Alessio Pinna

Nuovo Utente
15 Set 2012
22
0
0
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:

Longo8

Utente Attivo
28 Mar 2011
1.694
0
36
Intanto modifica la funzione incremento() in questo modo:
Codice:
   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.
 
Discussioni simili
Autore Titolo Forum Risposte Data
L countdown multiplo javascript Javascript 1
M Come fare un countdown in HTML? HTML e CSS 4
L Creare un countdown con giorno specifico della settimana PHP 3
T countdown da sistemare con i CSS... HTML e CSS 4
C Countdown bloccato? Javascript? Javascript 0
D [Javascript] [HTML] Countdown su Mobirise di 24 ore relative per ogni utente. Javascript 4
Alex1990000 [PHP] countdown 6 ore data PHP 9
Michaelweb93 [PHP] Creazione countdown a 72 ore PHP 1
G Countdown in secondi JS su pagina PHP Javascript 1
N Creazione countdown PHP 4
A Countdown js con variabile in php Javascript 16
O Countdown jQuery jQuery 0
O Countdown jQuery Javascript 1
P countdown jquery jQuery 2
blips Countdown e Redirect Javascript 3
T Javascript e countdown multipli Javascript 1
T Countdown e timestamp PHP 0
S countdown in php e script per aprire 2 siti contemporanemante PHP 1
P problema con il countdown per la fine dell'anno e per natale Javascript 13
N Countdown con effetto sonoro Snippet Javascript 0
S countdown PHP 1
maxnegri Problema countdown Javascript 3
F Countdown / timer javascript Javascript 19
S Stampare un messaggio alla fine del countdown in Javascript Javascript 0
S Fare un Countdown con flash Flash 0
L Countdown con script Javascript 4
A Limite minimo con countdown textarea Javascript 0
maxnegri Stampare un messaggio alla fine di un countdown in javascript Javascript 0
M Countdown in asp Classic ASP 0
E Domanda countdown PHP PHP 3
J Countdown Timer 2 Javascript 0
J Make a JavaScript Countdown Timer in OOP Javascript 0
J JavaScript Countdown Timer solution in OOP Javascript 0
T Countdown fra 2 date in ASP Classic ASP 12
M Differenza tra date e countdown PHP 5
J Top 10 Beautiful Christmas Countdown Timers Javascript 0
G Countdown per l'apertura di un sito Javascript 1
M Countdown script Javascript 1
M countdown Flash 0
M Countdown Server Side Classic ASP 0
C Conto alla rovescia - Countdown (al secondo) Javascript 1
G Countdown particolare Javascript 8
M Piccola intro con countdown!!! Presenta il tuo Sito 1
giancadeejay [PHP] Pagina profilo UTENTE modificabile PHP 2
G Vendo pagina facebook 12.000 fans nome modificabile Annunci servizi di Social Media Marketing 3
S creare sito modificabile Sito dinamico PHP 1
P Aprire file Excel modificabile PHP 2
M mappa generata da librerie gd modificabile tramite form PHP 51
D Widget PHP non modificabile dall'utente PHP 4
L Pagina modificabile dal web HTML e CSS 2

Discussioni simili