Clock/script.js at master · ellemd709/Clock · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var time = document.querySelector('.time');
var dateTime = document.querySelector('.date-time');

function updateClock() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var day = now.getDay();
var date = now.getDate();
var month = now.getMonth();
var year = now.getFullYear();

var dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

hours = hours % 12 || 12;
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;
date = date < 10 ? '0' + date : date;

var period = hours < 12 ? 'AM' : 'PM';
time.innerHTML = hours + ':' + minutes + ':' + seconds + '' + period;
dateTime.innerHTML = dayNames[day] + ',' + monthNames[month] + '' + date + ',' + year;
}

updateClock();
setInterval(updateClock, 1000 );