티스토리 뷰

* setInterval

const clockContainer = document.querySelector(".js-clock"),
    clockTitle = clockContainer.querySelector("h1");

function getTime() {
    const date = new Date();
    const minutes = date.getMinutes();
    const hours = date.getHours();
    const seconds = date.getSeconds();
    clockTitle.innerText = `${hours < 10 ? `0${hours}` : hours}:
                            ${minutes < 10 ? `0${minutes} ` : minutes}:
                            ${seconds < 10 ? `0${seconds}` : seconds}`; // 삼항연산자
}

function init() {
    getTime();
    setInterval(getTime, 1000);
}

init();

 

'JavaScript' 카테고리의 다른 글

[JavaScript] JavaScript - event  (0) 2020.08.25
[JavaScript] JavaScript - 맛보기  (0) 2020.08.25
[JavaScript] 8식 - classList, toggle  (0) 2020.07.12
[JavaScript] 7식 - if  (0) 2020.07.12
[JavaScript] 5식 - Function (함수)  (0) 2020.07.12
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/07   »
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 29 30 31
글 보관함