FirstWebAplication/clock.js at master · JoSuwon/FirstWebAplication · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
const clockContainer = document.querySelector(".js-clock");
const clockTitle = clockContainer.querySelector("h1");

init();

function init() {
    getTime();
    setInterval(getTime, 1000);
}
//<h1><i class="fa fa-moon-o"></i></h1>
function getTime() {
    const date = new Date();
    const hours = date.getHours();
    const minutes = date.getMinutes();
    const seconds = date.getSeconds();
    if(hours > 12) {
        clockTitle.innerHTML = `PM ${hours < 10 ? `0${hours}` : hours-12}:${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;
    } else {
        clockTitle.innerHTML = `AM ${hours < 10 ? `0${hours}` : hours}:${minutes < 10 ? `0${minutes}` : minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;
    }
}