{"id":39,"date":"2022-11-09T15:44:05","date_gmt":"2022-11-09T15:44:05","guid":{"rendered":"http:\/\/javigomez.org\/?p=39"},"modified":"2025-09-29T20:34:30","modified_gmt":"2025-09-29T20:34:30","slug":"crear-un-cronometro-con-javascript","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2022\/11\/09\/crear-un-cronometro-con-javascript\/","title":{"rendered":"Crear un cron\u00f3metro con Javascript"},"content":{"rendered":"\n<p>Crear un cron\u00f3metro que pueda arrancar, parar, reiniciar y poner a cero los d\u00edgitos<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"51\" src=\"http:\/\/javigomez.org\/wp-content\/uploads\/2022\/11\/image-29.png\" alt=\"\" class=\"wp-image-42\" srcset=\"https:\/\/javigomez.org\/wp-content\/uploads\/2022\/11\/image-29.png 550w, https:\/\/javigomez.org\/wp-content\/uploads\/2022\/11\/image-29-300x28.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n\u00a0 \u00a0 &lt;html>\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;head>\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &lt;title>Cronometro&lt;\/title>\n\u00a0 \u00a0 \u00a0 \u00a0 &lt;\/head>\n\u00a0 \u00a0 &lt;body>\n\n&lt;span id=\"Horas\">00&lt;\/span>:&lt;span id=\"Minutos\">00&lt;\/span>:&lt;span id=\"Segundos\">00&lt;\/span>:&lt;span id=\"Centesimas\">00&lt;\/span>\n&lt;button onclick=\"start()\">Arrancar&lt;\/button>&lt;button onclick=\"parar()\">Parar&lt;\/button>&lt;button onclick=\"start()\">Continuar&lt;\/button>&lt;button onclick=\"reinicio()\">Reiniciar&lt;\/button>\n\n&lt;script>\nvar centesimas = 0;\nvar segundos = 0;\nvar minutos = 0;\nvar horas = 0;\n\nfunction start(){\n\u00a0 \u00a0 control = setInterval(cronometro,10);\n}\n\nfunction parar () {\n\u00a0 \u00a0 clearInterval(control);\n}\n\nfunction reinicio () {\n\u00a0 \u00a0 clearInterval(control);\n\u00a0 \u00a0 centesimas = 0;\n\u00a0 \u00a0 segundos = 0;\n\u00a0 \u00a0 minutos = 0;\n\u00a0 \u00a0 horas = 0;\n\u00a0 \u00a0 document.getElementById(\"Centesimas\").innerHTML = \"00\";\n\u00a0 \u00a0 document.getElementById(\"Segundos\").innerHTML = \"00\";\n\u00a0 \u00a0 document.getElementById(\"Minutos\").innerHTML = \"00\";\n\u00a0 \u00a0 document.getElementById(\"Horas\").innerHTML = \"00\";\n}\n\n\u00a0 \u00a0 function cronometro(){\n\u00a0 \u00a0 \u00a0 \u00a0 if (centesimas &lt; 99) {\n\u00a0 \u00a0 \u00a0 \u00a0 centesimas++;\n\u00a0 \u00a0 \u00a0 \u00a0 if (centesimas &lt; 10) { centesimas = \"0\"+centesimas }\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById(\"Centesimas\").innerHTML = centesimas;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if (centesimas == 99) {\n\u00a0 \u00a0 \u00a0 \u00a0 centesimas = -1;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if (centesimas == 0) {\n\u00a0 \u00a0 \u00a0 \u00a0 segundos ++;\n\u00a0 \u00a0 \u00a0 \u00a0 if (segundos &lt; 10) { segundos = \"0\"+segundos }\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById(\"Segundos\").innerHTML = segundos;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if (segundos == 59) {\n\u00a0 \u00a0 \u00a0 \u00a0 segundos = -1;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if ( (centesimas == 0)&amp;&amp;(segundos == 0) ) {\n\u00a0 \u00a0 \u00a0 \u00a0 minutos++;\n\u00a0 \u00a0 \u00a0 \u00a0 if (minutos &lt; 10) { minutos = \"0\"+minutos }\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById(\"Minutos\").innerHTML = minutos;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if (minutos == 59) {\n\u00a0 \u00a0 \u00a0 \u00a0 minutos = -1;\n\u00a0 \u00a0 }\n\u00a0 \u00a0 if ( (centesimas == 0)&amp;&amp;(segundos == 0)&amp;&amp;(minutos == 0) ) {\n\u00a0 \u00a0 \u00a0 \u00a0 horas ++;\n\u00a0 \u00a0 \u00a0 \u00a0 if (horas &lt; 10) { horas = \"0\"+horas }\n\u00a0 \u00a0 \u00a0 \u00a0 document.getElementById(\"Horas\").innerHTML = horas;\n\u00a0 \u00a0 }\n}\n&lt;\/script>\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crear un cron\u00f3metro que pueda arrancar, parar, reiniciar y poner a cero los d\u00edgitos<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":992,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/39\/revisions\/992"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}