JavascriptClock

김기용·2020년 9월 13일
0

// 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

profile
매일 새로운 배움을 통해 꾸준히 성장하는 것을 목표를 두고 있습니다. 논리적인 사고로 문제해결 하는것에 희열을 느끼고 언젠가 제가 만든 결과물들이 사람들에게 편이를 제공하며 사용되는 날을 간절히 소망하고 있습니다. 🙏

0개의 댓글