padStart

💡 급하게 하지 말고 하나씩 흐름을 파악하기❗❗

📖 padStart (padding 을 추가해달라)

 

◾ js code (padStart 사용했을 시)

const clocked = document.querySelector("#clock");

function setclocked() {
    const date = new Date();
    const hours = String(date.getHours()).padStart(2, "0");
    const minutes = String(date.getMinutes()).padStart(2, "0");
    const seconds = String(date.getSeconds()).padStart(2, "0");
    clocked.innerText = `${hours}:${minutes}:${seconds}`;
}

setclocked();
setInterval(setclocked, 1000);

-> padStart 로 빈 공간을 채워야하므로 문자열로 바꿔줍니다.

-> 빈 공간을 "0"으로 채워줬다.

 

◾ js code (padStart 사용했을 시)

const clocked = document.querySelector("#clock");

function setclocked() {
    const date = new Date();
    const hours = date.getHours();
    const minutes = date.getMinutes();
    const seconds = date.getSeconds();
    clocked.innerText = `${hours}:${minutes}:${seconds}`;
}

setclocked();
setInterval(setclocked, 1000);

 

✌