const clockContainer = document.querySelector(".js_clock"),//js_clock ์ ์ ํ
clockTitle = clockContainer.querySelector("h1"); // js_clock์ h1
function getTime(){
const date = new Date(); //Date์
const minutes = date.getMinutes(); // Date getMinutes์ minutes์ ์ ์ฅ
const hours = date.getHours();
const seconds = date.getSeconds();
clockTitle.innerText=`${hours}:${minutes}:${seconds}`;
};
getTime(); // ํ์ ์๊ฐ,๋ถ,์ด ๋ก h1์ ์ถ๋ ฅ์ด๋จ
setInterval(fn,10000); // ๊ธฐ๋ณธํ
function sayHi(){
console.log("sayHi");
};
setInterval(sayHi, 3000); // 3์ด๋ง๋ค sayHi๋ฅผ ์ถ๋ ฅํจ
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 }`;
//๋ง์ฝ์ hours , minutes , seconds๊ฐ 10๋ณด๋ค ์๋ค๋ฉด ์์ 0 ์ ๋ถ์ฌ์ค
//? -> ์ฐธ์ธ์ง ๊ฑฐ์ง์ธ์ง
//ํ์ธํํ : -> ์ฐธ์ผ๋๋ : ์ ๊ฐ์ ๋ฆฌํด ๊ฑฐ์ง์ผ๋๋ : ์ดํ์ ๊ฐ์ ๋ฆฌ์ปจ (์์ if๋ฌธ ๊ฐ์ ์ญํ)
};
getTime();
function init(){
getTime();
setInterval(getTime, 1000); // ํ์ฌ์๊ฐ์ด ์ถ๋ ฅ๋จ
};
init();
๋์ ๋ธ๋ผ์ฐ์ ์ ์ ์ฅ๋ ์ ๋ณด๋ค์ ๋ณผ ์ ์๋ค.