Quiero que el botón se deshabilite después de hacer clic en él durante 1 hora y mostrar la cuenta regresiva para el usuario que inició sesión actualmente, ¿es posible almacenar el tiempo en Firebase? Y recuperarlo y quiero que el tiempo continúe, incluso el cliente actualiza el sitio. Cualquier idea o sugerencia
Para su pregunta inicial (sin Firebase), aquí hay un ejemplo rápido
const button = document.querySelector('#mybutton'); let sec = 5; let countdown = null; const updateButton = () => { button.innerHTML = `wait ${sec}s`; if (sec === 0) { clearInterval(countdown); sec = 5; button.innerHTML = 'Click me'; button.disabled = false; return; } sec--; } button.onclick = () => { button.disabled = true; updateButton(); countdown = setInterval(function() { updateButton(); }, 1000); } <button id="mybutton">Click me</button> Supongo que podría hacer llamadas a Firebase cuando inicie la variable sec y cuando la actualice, pero podría usar el almacenamiento local para eso, ya que no agregaría ninguna seguridad usando Firebase para evitar que se envíe ninguna solicitud.
Guarde el temporizador dentro del almacenamiento del navegador y cree un setTimeout al hacer clic o al actualizar el navegador seleccionando los milisegundos restantes del navegador.