modular javascript clock

modular approach to javascript clock

by ndw5015

HTML

<div id="clock"></div>

JavaScript

/*
	module approach to javascript clock
*/
var myModule = (function() {
    'use strict';
    
    var currentTime = new Date();
    //var hours = currentTime.getHours();
    /* var minutes = currentTime.getMinutes();
    var seconds = currentTime.getSeconds();
    var meridiem = 'AM';
    var clockDiv = document.getElementById('clock'); */
    
    
    //pass hours and meridiem locally
    function setHour(hours,meridiem){
    	hours = currentTime.getHours();
      
      hours = hours < 10 ? '0' + hours : hours;
      
      if(hours > 12){
        hours = hours - 12;
        meridiem = 'PM';
      }
      
      if(hours === 0){
        hours = 12;
      }
      
      //return the hours and meridiem argument as an object
      return{
      	hours: hours,
        meridiem: meridiem
      }
    }
    
    return{
    	setHour : setHour
    }
    
}());

/* grab hours meridiem object arguments by drilling down 
		from myModule function to setHours function to argument
*/
console.log(myModule.setHour().hours);
console.log(myModule.setHour().meridiem);

/* (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);
  
})(); */