vanilla javascript clock

vanilla javascript clock

by ndw5015

HTML

<div id="clock">

</div>

JavaScript

(function() {
  
  function displayTime(){
  	var currentTime = new Date();
    var hours = currentTime.getHours();
    var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();
    var meridiem = 'AM';
    var clockDiv = document.getElementById('clock');
    
    seconds = seconds < 10 ? '0' + seconds : seconds;
    minutes = minutes < 10 ? '0' + minutes : minutes;
     
    
    /* if(seconds < 10){
      seconds = '0' + seconds;
    } */
    /* if(minutes < 10){
      minutes = '0' + minutes;
    } */
    if(hours < 10){
    	hours = '0' + hours;
    }
    if(hours > 12){
    	hours = hours - 12;
    	meridiem = 'PM';
    }
    if(hours == 0){
    	hours = 12;
    }
    
    
    
    clockDiv.innerText = hours + ':' + minutes + ':' + seconds + ' ' + meridiem;
  }
  displayTime();
  
  setInterval(displayTime, 1000);
  
})();