Un temporizador interactivo para presentaciones que cambia de color según el tiempo transcurrido, ayudando a los expositores a gestionar su tiempo de manera visual.
- Cuenta regresiva visual de 15 minutos (900 segundos)
- Cambio progresivo de colores:
- Verde: Primer tercio del tiempo
- Amarillo: Segundo tercio del tiempo
- Rojo: Último tercio del tiempo
- Pantalla completa con números grandes y legibles
- Transiciones suaves entre colores
- Selector de tiempo inicial mediante pop-up
- Al abrir la página, se mostrará un pop-up para configurar el tiempo
- Ingresa los minutos deseados (ej. 15 para 15 minutos)
- El temporizador comenzará automáticamente
- Observa cómo el fondo cambia de color según el tiempo restante
Puedes modificar estos aspectos fácilmente:
totalTimeen script.js - Cambia la duración total- Colores en la función
updateBackgroundColor() - Tamaño de fuente en styles.css
- HTML5
- CSS3 (con transiciones)
- JavaScript (ES6)
git clone https://github.com/KrlitosForever/Temporizador-web.git
cd temporizador-webSimplemente abre el archivo index.html en tu navegador favorito.
¡Las contribuciones son bienvenidas! Por favor abre un issue o pull request para sugerir mejoras.