javascript-clock-stopwatch/script.js at main · s9kt/javascript-clock-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
let date = new Date();
let running = true;
let time;
let s = 0;
let m = 0;
let h = 0;
let interval;
// document.getElementById("stop").style.visibility='hidden';

function setTime() {
  date = new Date();

  let h = date.getHours();
  let m = date.getMinutes();
  let s = date.getSeconds();
  let ms = date.getMilliseconds();
  if (m < 10) {
    m = "0" + m;
  }
  if (s < 10) {
    s = "0" + s;
  }
  let f = h + ":" + m + ":" + s;

  return f;
}
function setDate() {
  date = new Date();
  const weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
  const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]

  let w = date.getDay();
  let m = date.getMonth();
  let d = date.getDate();
  let y = date.getFullYear();
  if (d < 10) {
    d = "0" + d;
  }

  let f = weekDays[w] + " " + months[m] + " " + d + ", " + y
  return f;
}
function stopWatch() {
    s++;
    if(s == 60) {
      m++;
      s = 0;
    }
    if(m == 60){
      h++;
      m = 0;
    }
  time = h + ":" + m + ":" + s;
  return time;
}
function init() {
  interval = setInterval(() => {
  document.getElementById("stopWatch").innerText = stopWatch();
}, 1000);
  document.getElementById('start').style.visibility= 'hidden';
  document.getElementById('stop').style.visibility= 'visible';
  document.getElementById("reset").style.visibility='hidden';
}
function reset() {
  term();
  s = 0;
  m = 0;
  h = 0;
  document.getElementById("stopWatch").innerText = h + ":" + m + ":" + s;
}
function term() {
  clearInterval(interval);
  document.getElementById('start').style.visibility= 'visible';
  document.getElementById('stop').style.visibility= 'hidden';
  document.getElementById("reset").style.visibility='visible';
}
setInterval(() => {
  document.getElementById("clock").innerText = setTime();
  document.getElementById("date").innerText = setDate();
}, 1);