Cronometros para el Blog o Pagina Web

En esta nueva sección de PCzeros tienes distintos diseños de cronómetros animados para poner en tu blog o página web, para insetar un cronómetro en tu blog sólo debes de seguir el siguiente tutorial sobre cómo agregar accesorios al blog. Te recomiendo que vuelvas a visitar a la brevedad este blog, pues irán apareciendo nuevos diseños animados y recuerda que cualquier sugerencia la puedes decir dejando un comentario.

Cronómetro para el blog

0:00.00

Código para copiar y pegar

<center><div id="display" style="font-size:300%;">0:00.00</div> <button id="start">Iniciar</button> <button id="pause">Pausar</button> <button id="stop">Detener</button></center> <script> let tiempo = 0; let intervalo; document.getElementById("start").addEventListener("click", iniciarCronometro); document.getElementById("pause").addEventListener("click", pausarCronometro); document.getElementById("stop").addEventListener("click", detenerCronometro); function iniciarCronometro() { intervalo = setInterval(function(){ tiempo += 10; // aumenta el tiempo en 10 milisegundos actualizarDisplay(tiempo); }, 10); // se ejecuta cada 10 milisegundos } function pausarCronometro() { clearInterval(intervalo); } function detenerCronometro() { clearInterval(intervalo); tiempo = 0; actualizarDisplay(tiempo); } function actualizarDisplay(tiempo) { let minutos = Math.floor(tiempo / 60000); // divide los milisegundos entre 60000 para obtener los minutos let segundos = Math.floor((tiempo % 60000) / 1000); // divide el resto de la división entre 60000 entre 1000 para obtener los segundos let centesimas = Math.floor((tiempo % 1000) / 10); // divide el resto de la división entre 1000 entre 10 para obtener las centésimas // formatea el tiempo con ceros a la izquierda para que siempre tenga dos dígitos let tiempoFormateado = minutos.toString().padStart(1, "0") + ":" + segundos.toString().padStart(2, "0") + "." + centesimas.toString().padStart(2, "0"); document.getElementById("display").innerHTML = tiempoFormateado; } </script>

Buscás más diseños de cronómetros: cronómetros diseño animé, cronómetros deportes, cronómetros películas, cronómetros de música, cronómetros de famosos, cronómetros religiosos,... muy pronto también lo puedrás encontrar!

MP en PCzeros: Contadores de visitas, usuarios on line, relojes analógicos, relojes digitales, calendarios, templates o plantillas para blogger, buscador para blogger, aumentar las visitas del blog, ganar más tráfico, cursos diseño web, aprender html y css, cursos gratis, efectos en javaScript... y mucho más!