[leaflet] 실시간 시계만들기

기상예보를 넣으니까 뭔가 실시간 시계로 몇시인지 확인하고 싶은
그런.. 생각이 들었다 한번 만들어 보도록 하겠습니다!!

<span id="clock" class="bolder"></span>
// 이렇게 선언을해주고 꼭 span이 아니여도된다

/*
* 실시간 시계
*/
function currentTime() {
  const now = new Date();
  let hh = now.getHours();
  let mm = now.getMinutes();
  let ss = now.getSeconds();
  let session = "AM";

  if (hh == 0) {
  	hh = 12;
  }
  if (hh > 12) {
  	hh = hh - 12;
  	session = "PM";
  }

  hh = (hh < 10) ? "0" + hh : hh;
  mm = (mm < 10) ? "0" + mm : mm;
  ss = (ss < 10) ? "0" + ss : ss;

  const time = hh + ":" + mm + ":" + ss + " " + session;
  //console.log(time);
  document.getElementById("clock").innerText = time;
}
setInterval(currentTime, 1000);

생각보다 되게 간편하고 잘 돌아간다
setInterval를 함수 선언해서 1초마다 주기적으로 실행하게 만들어준다