Buscar un código de JavaScript

Mostrando del 1 al 10 de 10 coincidencias
<<>>
Se ha buscado por la cadena: cuenta atras
Imágen de perfil

Cuenta atras


JavaScript

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 9 de Julio del 2020 por Administrador (718 códigos) (Publicado el 21 de Noviembre del 2006)
56.450 visualizaciones desde el 21 de Noviembre del 2006
Código que muestra una cuenta atrás de horas, minutos y segundos.

cuanta-atras-javascript
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cuenta atrás con barra de progreso en javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 5 de Enero del 2021 por Xve (294 códigos) (Publicado el 27 de Noviembre del 2018)
6.101 visualizaciones desde el 27 de Noviembre del 2018
Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y javascript para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 10 a 0, pero si se desea modificar, se debe modificar la variable "contador" de js y el estilo "animation" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, es iniciada desde javascript a los 500 milisegundos de cargar la pagina.

Se especifica la anchura de la barra en la case "meter" de css.

Una vez finalizado el tiempo, se ejecuta la función de js finalCuantaAtras() para poder ejecutar cualquier proceso.

cuenta-atras-barra-de-progreso


Si deseas ver una versión similar con botón para iniciar y/o reiniciar: https://www.lawebdelprogramador.com/codigo/JavaScript/6808-Cuenta-atras-con-barra-de-progreso-en-JavaScript.html
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cuenta atrás con barra de progreso en JavaScript


JavaScript

Publicado el 5 de Enero del 2021 por Xve (294 códigos)
3.493 visualizaciones desde el 5 de Enero del 2021
Este código realiza una cuenta atrás utilizando "animation" de CSS para mostrar la barra de progreso y javascript para mostrar los valores a cada segundo.

Actualmente la cuenta atrás va de 5 a 0, pero si se desea modificar, se debe modificar la variable "seconds" de js y el estilo ".start span:nth-child(1)" de CSS poniendo en los dos lados el mismo valor.

La cuenta atrás, se inicia en el momento de pulsar el botón "start", y si se pulsa mientras esta activa la cuenta atrás, se reinicia.

Se especifica la anchura y altura de la barra en el estilo "animation" de css.

cuenta-atras-js-y-css
Imágen de perfil
Val: 1.807
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cuenta atrás


JavaScript

Actualizado el 26 de Mayo del 2016 por Xavi (548 códigos) (Publicado el 8 de Julio del 2012)
10.158 visualizaciones desde el 8 de Julio del 2012
Código que muestra una cuenta atrás desde un valor dado, permitiendo indicar el número de días si fuera superior a 1.
Imágen de perfil

Contador Dinámico con JS solamente


JavaScript

Publicado el 20 de Diciembre del 2024 por Alejandro
538 visualizaciones desde el 20 de Diciembre del 2024
Este código sirve para crear una cuenta regresiva que muestra el tiempo restante hasta una fecha y hora específicas, como el lanzamiento de un producto, un evento o una página web. Se actualiza en tiempo real y muestra los días, horas, minutos y segundos restantes de forma dinámica.

Es ideal para incluir en páginas web o proyectos donde quieras mantener a tus usuarios informados sobre el tiempo restante para un hito importante. Cuando el temporizador llega a cero, se puede mostrar un mensaje personalizado, como "¡Ya estamos en directo!" o cualquier texto que elijas. Ni necesitas más pildoras de Javascript, soy Alejandro Tamargo Desarrollador Web en Asturias