[Resuelto] -CUENTA REGRESIVA EN UN BOTON

JG

Disculpen la Molestia. Estoy iniciando con JavaScript y quisiera por favor que alguien me ayudara con lo siguiente:

Quisiera tener 1 botón que me muestre una cuenta regresiva de 1 hora y la cuenta regresiva se inicie al hacer clic en el mismo botón, después cuando la cuenta regresiva este en curso el botón este bloqueado para no poder hacer clic y recién se active nuevamente después de que la cuenta regresiva llegue a cero, así también que esta acción no se reinicie cada vez que actualizo la página sino que se mantenga independiente de recargar la página. Además quisiera que cuando la cuenta regresiva llegue a cero, en otro lugar de la página me muestre un mensaje que la cuenta regresiva llego a cero con el numero 1 (como la campanita de YouTube), esto me serviría por ejemplo si en la página tengo más cuentas regresivas pues en el mensaje me muestre la cantidad de botones que llegaron a cero. (Ejemplo 10) AGRADECERÍA MUCHO QUE ME APOYARAN CON ESO YA QUE ESTOY INICIANDO EN ESTE MUNDO DE LA PROGRAMACIÓN. ESPERO NO CAUSAR MOLESTIAS

2respuestas
Avatar

Hola Jhony Garcia, aquí te paso un vídeo de como hacer la cuenta regresiva con el profesor Alvaro, al menos para que tengas la idea de la cuenta regresiva, para lo otro que quieres hacer, debes investigar mas

Avatar

El vídeo que te pasó Jorge te servirá mucho para el tema de la cuenta regresiva, pero es recomendable aprender mas temas de javascript. Para cambiar el botón, desactivarlo y para mostrar una especie de notificación que te muestre el numero 1 en alguna parte de la pantalla, necesitas aprender el manejo del DOM con javascript. Para mantener el contador evitando reiniciarlo al salir de la pagina, se me ocurre que podrías aprender el manejo del localstorage, o quizás aprender a guardar el dato en el servidor para luego pedirlo cuando entres a la pagina. Toma esa idea que tienes como un reto, porque es importante ir mas allá de lo que se sabe, para obligarse a aprender mas.

Avatar

El vídeo que te pasó Jorge te servirá mucho para el tema de la cuenta regresiva, pero es recomendable aprender mas temas de javascript. Para cambiar el botón, desactivarlo y para mostrar una especie de notificación que te muestre el numero 1 en alguna parte de la pantalla, necesitas aprender el manejo del DOM con javascript. Para mantener el contador evitando reiniciarlo al salir de la pagina, se me ocurre que podrías aprender el manejo del localstorage, o quizás aprender a guardar el dato en el servidor para luego pedirlo cuando entres a la pagina. Toma esa idea que tienes como un reto, porque es importante ir mas allá de lo que se sabe, para obligarse a aprender mas.

Recuerda iniciar sesión para participar en la comunidad.