Stopwatch/script.js at main · Scriaxbin/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
    window.onload = function () {

    var ms = document.querySelector("#milliseconds");
    var sec = document.querySelector("#seconds");
    var min = document.querySelector("#minutes");
    var hr = document.querySelector("#hour");

    var btnStart = document.querySelector("#start")
    var btnStop = document.querySelector("#stop")
    var btnReset = document.querySelector("#reset")

    var interval;
    var seconds = 0;
    var milliseconds = 0;
    var minutes = 0
    var hour = 0;

    ms.innerHTML = "00";
    sec.innerHTML = ":00";
    min.innerHTML =":00";
    hr.innerHTML = "00";

    btnStart.onclick = function() {
        clearInterval(interval);
        interval = setInterval(start, 10);
     }

     btnStop.onclick = function() {
        clearInterval(interval);
     }

     btnReset.onclick = function() {
        clearInterval(interval);
        milliseconds = 0;
        seconds = 0;
        minutes= 0;
        hour= 0;
        ms.innerHTML = milliseconds + "0";
        sec.innerHTML = ":" + seconds + "0";
        min.innerHTML = ":" + minutes + "0";
        hr.innerHTML = hour + "0";
     }

     function start() {
        milliseconds++;

        if(milliseconds < 9){
          ms.innerHTML = "0" + milliseconds;
        }

        if (milliseconds > 9){
            ms.innerHTML = milliseconds;

          }

        if (milliseconds > 99) {

          seconds++;
          sec.innerHTML = ":0" + seconds;
          milliseconds = 0;
          ms.innerHTML = "0" + 0;
        }

        if (seconds > 9){
            sec.innerHTML = ":" + seconds;
          }

        if (seconds > 58) {
            minutes++;
            min.innerHTML = ":0" + minutes;
            seconds = 0;
            sec.innerHTML = ":0" + seconds;
        }
        if (minutes > 9){
            min.innerHTML = ":" + minutes;
          }

        if (minutes > 58) {
            hour++;
            hr.innerHTML = "0" + hour;
            minutes = 0;
            min .innerHTML = ":0" + minutes;
      }
      if (hour > 9) {
        hr.innerHTML = hour;
      }

    }
}