[JavaScript] 시계 만들기

const clockContainer = document.querySelector(".js-clock");
const 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); // setInterval 함수 (함수, 구동간격설정) 좋은데!?
}

init();

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

const 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); // setInterval 함수 (함수, 구동간격설정) 좋은데!?

}

 

init();

 

clock.js

0.00MB

index.css

0.00MB

index.html

0.00MB