Stopwatch-Project/script.js at main · ParmodKumar28/Stopwatch-Project · 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
97
var startButton = document.getElementById('start-button');
var stopButton = document.getElementById('stop-button');
var resetButton = document.getElementById('reset-button');

var millisecondsValue = document.getElementById('milliseconds');
var secondsValue = document.getElementById('seconds');
var minutesValue = document.getElementById('minutes');
var hoursValue = document.getElementById('hours');


// Variables to be used in the functions globally
var milliseconds = 0;
var seconds = 0;
var minutes = 0;
var hours = 0;
var interval;


// Start Button Function
startButton.addEventListener('click', function(){
    clearInterval(interval);
    interval = setInterval(startTimer,10);
});


// Stop Button Function
stopButton.addEventListener('click',function(){
    clearInterval(interval);
});


// Reset Button Function
resetButton.addEventListener('click',function(){
    clearInterval(interval);
    milliseconds = "00";
    seconds = "00";
    minutes = "00";
    hours = "00";
    millisecondsValue.innerHTML = milliseconds;
    secondsValue.innerHTML = seconds;
    minutesValue.innerHTML = minutes;
    hoursValue.innerHTML = hours;
});


// Here Is The Code For Working Of Timer Interval
function startTimer()
{
    milliseconds++;
    if(milliseconds <= 9)
    {
        millisecondsValue.innerHTML = "0" + milliseconds;
    }
    if(milliseconds > 9)
    {
        millisecondsValue.innerHTML = milliseconds;
    }

    if(milliseconds > 99)
    {
        seconds++;
        secondsValue.innerHTML = "0" + seconds;
        milliseconds = 0;
        millisecondsValue.innerHTML = "0" + milliseconds;
    }

    if(seconds > 9)
    {
        secondsValue.innerHTML = seconds;
    }

    if(seconds >=60 )
    {
        minutes++;
        minutesValue.innerHTML = "0" + minutes;
        seconds = 0;
        secondsValue.innerHTML = "0" + seconds;
    }

    if(minutes > 9)
    {
        minutesValue.innerHTML = minutes;
    }

    if(minutes >= 60)
    {
        hours++;
        hoursValue.innerHTML = "0" + hours;
        minutes = 0;
        minutesValue.innerHTML ="0" + minutes;
    }

    if(hours > 9)
    {
        hoursValue.innerHTML = hours;
    }
}