¡Buenos días! ¿Podría alguien sugerir, por favor? Estoy usando el complemento easytimer.js durante un tiempo récord.
Tengo un botón en la página donde hay un temporizador que se inicia cuando hago clic en él. Pero el problema es si
alguien vuelve a cargar la página o abre una nueva ventana, el temporizador se reinicia. no se como usar local
almacenamiento para asegurarme de que mi temporizador no se reinicie al recargar.
initTimer: function (){ $(".timer").draggable({ containment: "window", scroll: false, cursor: "move" }); var timer = new easytimer.Timer(); $('.timerDetails .startButton').click(function () { timer.start(); //localStorage.setItem('timer', timer); $(".timer").css("display", "flex"); $(".startButton").parent().children().removeClass("active"); $(".startButton").addClass("active");*/ }); $('.timerDetails .pauseButton').click(function () { timer.pause(); $(".pauseButton").parent().children().removeClass("active"); $(".pauseButton").addClass("active"); }); $('.timerDetails .stopButton').click(function () { timer.pause(); $(".stopButton").parent().children().removeClass("active"); $(".stopButton").addClass("active"); }); timer.addEventListener('secondsUpdated', function (e) { $('.timerDetails .timer-values').html(timer.getTimeValues().toString()); }); timer.addEventListener('started', function (e) { $('.timerDetails .timer-values').html(timer.getTimeValues().toString()); }); timer.addEventListener('reset', function (e) { $('.timerDetails timer-values').html(timer.getTimeValues().toString()); }); },