jquery clock

jquery clock

by ndw5015

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="clock">

</div>

JavaScript

$(document).ready(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;
    hours = hours < 10 ? '0' + hours : hours; 
    
    if(hours > 12){
    	hours = hours - 12;
    	meridiem = 'PM';
    }
    if(hours == 0){
    	hours = 12;
    }
    
    
    
    clockDiv.innerText = hours + ':' + minutes + ':' + seconds + ' ' + meridiem;
  }
  displayTime();
  
  setInterval(displayTime, 1000);
  
});