0

Tengo este código que va con un plugin de jQuery para crear un cronómetro regresivo pero no se como guardar la variable tiempo para que no me vuelva a contar si salgo de esta página. He leído sobre localStorage pero no se como aplicarlo a este código. Alguien me puede ayudar por favor?

var time = (new Date().getTime() + 30000);

$(function () 
   {$('#reloj').countdown(time)
    .on('update.countdown', function (event) {
      var format = '%M:%S';
      $(this).html(event.strftime(format)); })
    .on('finish.countdown', function (event) {
      $(this).html('This offer has expired!')
        .parent().addClass('disabled');
    });

});
1

1 respuesta 1

2

Deberías setear con localStorage.setItem('nombreVariable', 'valor') y obtener el valor con localStorage.nombreVariable, entonces podrías hacer lo siguiente:

// si no existe la variable, la creo
if (localStorage.time === undefined) {
  localStorage.setItem('time', new Date().getTime() + 30000);
}

$(function () 
   // utilizo la variable del storage
   {$('#reloj').countdown(localStorage.time)
    .on('update.countdown', function (event) {
      var format = '%M:%S';
      $(this).html(event.strftime(format)); })
    .on('finish.countdown', function (event) {
      $(this).html('This offer has expired!')
        .parent().addClass('disabled');
    });

});
2
  • Genial!!! funciona, muchas gracias Kleith Commented el 30 may. 2018 a las 14:09
  • Si te pareció correcta, no olvides de marcar como correcta la respuesta.
    – Kleith
    Commented el 30 may. 2018 a las 14:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.