JavaScript I don't know WTF ?!

SUBMITTED BY: Yurki

DATE: Nov. 22, 2017, 3 p.m.

UPDATED: Nov. 22, 2017, 3:01 p.m.

FORMAT: Text only

SIZE: 2.9 kB

History Raw Download

HITS: 615

Report
  1. <div id="contenedor">
  2. <div class="reloj" id="Horas">00</div>
  3. <div class="reloj" id="Minutos">:00</div>
  4. <div class="reloj" id="Segundos">:00</div>
  5. <div class="reloj" id="Centesimas">:00</div>
  6. <input type="button" class="boton" id="inicio" value="Start &#9658;" onclick="inicio();">
  7. <input type="button" class="boton" id="parar" value="Stop &#8718;" onclick="parar();" disabled>
  8. <input type="button" class="boton" id="continuar" value="Resume &#8634;" onclick="inicio();" disabled>
  9. <input type="button" class="boton" id="reinicio" value="Reset &#8635;" onclick="reinicio();" disabled>
  10. </div>
  12. <div id="contenedor">
  13. <div class="reloj" id="Horas">00</div>
  14. <div class="reloj" id="Minutos">:00</div>
  15. <div class="reloj" id="Segundos">:00</div>
  16. <div class="reloj" id="Centesimas">:00</div>
  17. <input type="button" class="boton" id="inicio" value="Start &#9658;" onclick="inicio();">
  18. <input type="button" class="boton" id="parar" value="Stop &#8718;" onclick="parar();" disabled>
  19. <input type="button" class="boton" id="continuar" value="Resume &#8634;" onclick="inicio();" disabled>
  20. <input type="button" class="boton" id="reinicio" value="Reset &#8635;" onclick="reinicio();" disabled>
  21. </div>
  23. var centesimas = 0;
  24. var segundos = 0;
  25. var minutos = 0;
  26. var horas = 0;
  27. function inicio () {
  28. control = setInterval(cronometro,10);
  29. document.getElementById("inicio").disabled = true;
  30. document.getElementById("parar").disabled = false;
  31. document.getElementById("continuar").disabled = true;
  32. document.getElementById("reinicio").disabled = false;
  33. }
  34. function parar () {
  35. clearInterval(control);
  36. document.getElementById("parar").disabled = true;
  37. document.getElementById("continuar").disabled = false;
  38. }
  39. function reinicio () {
  40. clearInterval(control);
  41. centesimas = 0;
  42. segundos = 0;
  43. minutos = 0;
  44. horas = 0;
  45. Centesimas.innerHTML = ":00";
  46. Segundos.innerHTML = ":00";
  47. Minutos.innerHTML = ":00";
  48. Horas.innerHTML = "00";
  49. document.getElementById("inicio").disabled = false;
  50. document.getElementById("parar").disabled = true;
  51. document.getElementById("continuar").disabled = true;
  52. document.getElementById("reinicio").disabled = true;
  53. }
  54. function cronometro () {
  55. if (centesimas < 99) {
  56. centesimas++;
  57. if (centesimas < 10) { centesimas = "0"+centesimas }
  58. Centesimas.innerHTML = ":"+centesimas;
  59. }
  60. if (centesimas == 99) {
  61. centesimas = -1;
  62. }
  63. if (centesimas == 0) {
  64. segundos ++;
  65. if (segundos < 10) { segundos = "0"+segundos }
  66. Segundos.innerHTML = ":"+segundos;
  67. }
  68. if (segundos == 59) {
  69. segundos = -1;
  70. }
  71. if ( (centesimas == 0)&&(segundos == 0) ) {
  72. minutos++;
  73. if (minutos < 10) { minutos = "0"+minutos }
  74. Minutos.innerHTML = ":"+minutos;
  75. }
  76. if (minutos == 59) {
  77. minutos = -1;
  78. }
  79. if ( (centesimas == 0)&&(segundos == 0)&&(minutos == 0) ) {
  80. horas ++;
  81. if (horas < 10) { horas = "0"+horas }
  82. Horas.innerHTML = horas;
  83. }
  84. }
comments powered by Disqus