45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
// Load the config.json file (using JavaScript vanilla)
|
|
|
|
let clock_text = document.getElementById('clock-text');
|
|
let date_text = document.getElementById('date-text');
|
|
|
|
displayTime();
|
|
setInterval(displayTime, 1000);
|
|
displayDate();
|
|
setInterval(displayDate, 60000);
|
|
|
|
function displayTime() {
|
|
let date = new Date();
|
|
let hours = date.getHours();
|
|
let minutes = date.getMinutes();
|
|
let ampm = hours >= 12 ? 'PM' : 'AM';
|
|
hours = hours % 12;
|
|
hours = hours ? hours : 12;
|
|
minutes = minutes < 10 ? '0'+minutes : minutes;
|
|
let time = hours + ":" + minutes + " " + ampm;
|
|
clock_text.innerHTML = time;
|
|
}
|
|
|
|
function displayDate() {
|
|
let date = new Date();
|
|
let days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
|
|
let day = days[date.getDay()];
|
|
let dayNumber = date.getDate();
|
|
let month = date.toLocaleString('default', { month: 'long' });
|
|
let year = date.getFullYear();
|
|
|
|
if (dayNumber == 1 || dayNumber == 21 || dayNumber == 31) {
|
|
dayNumber += "st";
|
|
} else if (dayNumber == 2 || dayNumber == 22) {
|
|
dayNumber += "nd";
|
|
} else if (dayNumber == 3 || dayNumber == 23) {
|
|
dayNumber += "rd";
|
|
} else {
|
|
dayNumber += "th";
|
|
}
|
|
|
|
let dateText = day + ", " + dayNumber + " " + month + " " + year;
|
|
date_text.innerHTML = dateText;
|
|
}
|
|
|