JavascriptClock

amuse·2020년 9월 13일

// const clockContainer = document.querySelector('.js-clock');
// const clockTitle = clockContainer.querySelector('h1');

// function getTime() {
// const date = new Date();
// const hours = date.getHours();
// const minutes = date.getMinutes();
// 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();

const clockContainer = document.querySelector('.js-clock');
const clockContents = clockContainer.querySelector('h1');

function getTime() {
const date = new Date();
const hours = date.getHours();
const minutes = date.getMinutes();
const seconds = date.getSeconds();
clockContents.innerText = ${hours < 10 ? 0{hours}` : hours}:{
minutes < 10 ? 0${minutes} : minutes
}:{seconds < 10 ? `0{seconds} : seconds};
}

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

init();

By 노마드코더
https://www.youtube.com/watch?v=jstjlCZa7nA&list=PLLUCyU7SBaR7tOMe-ySJ5Uu1UlEBznxTr&index=23&frags=pl%2Cwn

0개의 댓글