Cronómetro

Un cronómetro web simple y elegante desarrollado con HTML, CSS y JavaScript.

Características

• Interfaz minimalista con diseño circular y tema oscuro moderno
• Botones para iniciar/pausar y detener con efectos visuales
• Animación visual de segundos con una esfera giratoria
• Visualización de minutos y segundos en formato 00:00
• Funcionalidad para registrar vueltas
• Diseño responsive adaptable a diferentes dispositivos
• Efectos visuales y animaciones suaves

Tecnologías utilizadas

• HTML5
• CSS3 (con animaciones y efectos visuales)
• JavaScript (vanilla)
• Fuente: Roboto Mono de Google Fonts
• Paleta de colores inspirada en Catppuccin Mocha

Cómo usar

1. Clona este repositorio o descarga los archivos
2. Abre el archivo index.html en tu navegador
3. Utiliza los controles para manejar el cronómetro:
   • Botón triangular verde: Iniciar/Pausar
   • Botón cuadrado rojo: Detener y reiniciar
   • Botón "Vuelta": Registra el tiempo de cada vuelta
   • Botón "Reiniciar": Reinicia el cronómetro y borra las vueltas

Estructura del proyecto

Cronometro/
  - index.html      # Estructura HTML del cronómetro
  - estilo.css      # Estilos y animaciones
  - script.js       # Lógica del cronómetro
  - README.md       # Este archivo

Personalización

Puedes personalizar el cronómetro modificando los estilos en el archivo estilo.css. Los principales elementos que puedes modificar son:

• Colores de fondo y texto (variables CSS al inicio del archivo)
• Tamaño del círculo y la esfera
• Velocidad de la animación
• Fuentes y tamaños de texto
• Efectos de sombra y transiciones

Funcionalidades

• Cronometraje preciso: Medición de tiempo con actualización cada 100ms
• Control de vueltas: Registra y muestra tiempos parciales
• Animación visual: La esfera roja gira alrededor del círculo principal para visualizar los segundos
• Diseño responsive: Se adapta a diferentes tamaños de pantalla
• Efectos visuales: Incluye transiciones suaves y efectos hover en los botones

Licencia

Este proyecto está disponible como código abierto bajo la Licencia MIT.

---

Desarrollado con ❤️