Stopwatch/script.js at main · Web-Developm/Stopwatch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
window.onload = function () {

  var seconds = 00;
  var tens = 00;
  var appendTens = document.getElementById("tens")
  var appendSeconds = document.getElementById("seconds")
  var buttonStart = document.getElementById('start');
  var buttonStop = document.getElementById('stop');
  var buttonReset = document.getElementById('reset');
  var minu=00;
  var appendMinu=document.getElementById("min");
  var hour=00;
  var appendHour=document.getElementById("hour")
  var Interval ;

  buttonStart.onclick = function() {

     clearInterval(Interval);
     Interval = setInterval(startTimer, 10);
  }

    buttonStop.onclick = function() {
       clearInterval(Interval);
  }


  buttonReset.onclick = function() {
     clearInterval(Interval);
    tens = "00";
    seconds = "00";
    minu="00";
    hour="00";
    appendTens.innerHTML = tens;
    appendSeconds.innerHTML = seconds;
    appendMinu.innerHTML=minu;

  }


  function startTimer(){
    tens++;

    if(tens<9)
    {
      appendTens.innerHTML="0"+tens;
    }

    if(tens>9)
    {
      appendTens.innerHTML=tens;
    }

    if(tens>=60)
    {
      console.log("seconds");
      seconds++;
      appendSeconds.innerHTML="0"+seconds;
      tens=0;
      appendTens.innerHTML="0"+0;
    }

    if(seconds<9)
    {
      appendSeconds.innerHTML="0"+seconds;
    }
    if(seconds>9)
    {
      appendSeconds.innerHTML=seconds;
    }

    if(seconds>=60)
    {
      minu++;
      appendMinu.innerHTML="0"+minu;
      seconds=0;
      appendSeconds.innerHTML=seconds;
      tens=0;
      appendTens.innerHTML="0"+tens;
    }

    if(minu>=60){
      hour++;
      appendHour.innerHTML="0"+hour;
      minu=0;
      appendMinu="0"+minu;
      seconds=0;
      appendSeconds="0"+seconds;
      tens=0;
      appendTens="0"+tens;
    }


  }

  }