Clock-js/index.js at main · parbhat-cpp/Clock-js · 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
let hrs="";
let min="";
let sec="";
let Set=0;

const HRS=document.getElementById("idHour");
const MIN=document.getElementById("idMin");
const SEC=document.getElementById("idSec");
const buttn=document.getElementById("btn");

setInterval(()=>{
  let d=new Date();
  hrs=d.getHours();
  min=d.getMinutes();
  sec=d.getSeconds();
  if(Set===1){

  HRS.textContent=(((hrs%12)===0)?12:hrs%12);
  }
  else{

  HRS.textContent=hrs;
  }
  MIN.textContent=min;
  SEC.textContent=sec;
},1000);

buttn.addEventListener("click",()=>{
  if(Set===0){

  Set=1;
  if(hrs<12){
    buttn.textContent="AM";
  }
  else{
    buttn.textContent="PM";
  }
  }
  else{
    Set=0;
    buttn.textContent="Switch to 12-hr format";
  }
},false);