[Javascript] 시계(시,분,초) 구현하기

오늘은 다음과 같은 시, 분, 초로 구성되어 있는 시계 기능을 JS로 구현해보겠습니다!

function clock(){
  var date = new Date();
  var h = date.getHours();
  var hour = h<10 ? '0'+h : h;
  var m = date.getMinutes();
  var minute = m<10 ? '0'+m : m;
  var s = date.getSeconds();
  var second = s<10 ? '0'+s : s;
  $(".clock .time").text(hour+':'+minute+':'+second);
}
clock();
setInterval(clock,1000);

clock이라는 함수 안에 현재 시간을 구하는 함수들을 선언하고 setInterval을 사용해 1초에 한번씩 함수를 실행시켜줍니다. 그 결과, 초 단위까지 보이는 시계를 구현할 수 있습니다!