Visualizzazione risultati 1 fino 3 di 3

Discussione: countdown con cookie

  1. #1
    now
    now non è connesso Utente AlterBlog
    Data registrazione
    08-12-2017
    Messaggi
    9

    Predefinito countdown con cookie

    vorrei fare un timer countdown persistente usando un cookie tramite DOM senza usare librerie, l obbiettivo è che se aggiorna la pagina il timer non deve ripartire da capo ma proseguire.
    Come potrei fare?
    E' possibile memorizzare il numero del conteggio ogni volta che cambia nel cookie?
    grazie

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    19,422

    Predefinito

    Tecnicamente sì.
    Visto che hai scritto nella sezione javascript, dovresti utilizzare document.cookie. Hai già provato? Se sì, puoi mostrare le pagine in cui hai provato?

    Ciao!

  3. #3
    now
    now non è connesso Utente AlterBlog
    Data registrazione
    08-12-2017
    Messaggi
    9

    Predefinito

    stò provando con questo codice, però quando parte il timer invece di partire con il valore 10 secondi scritto sul cookie parte con valori casuali...
    (Per gestire i cookie uso una libreria)

    Codice:
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width">
    <script type="text/javascript" src="cookies.js/cookies.js"></script>
    
    <center>
    <span id="timer">00</span>
    </center>
    
    <script>
    scriviCookie('timer','10',60);//nome,valote,scadenza
    var tm = leggiCookie('timer');
    //var tm=10;
    var now = new Date();
    var timeup = now.setSeconds(now.getSeconds() + tm);
    var counter = setInterval(timer, 1000);
    
    function timer() {
      now = new Date();
      count = Math.round((timeup - now)/1000);
      
      if (now > timeup) {
          //qualche evento! 
          clearInterval(counter);
          return;
      }
    
     var seconds = Math.floor((count%60));
     
    document.getElementById("timer").innerHTML = seconds;
    }
    </script>
    Ultima modifica di alemoppo : 26-11-2021 alle ore 21.57.32

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •