JavaScript-2

Javascript - Time


new Date(), setInterval,


์‹œ๊ณ„ ๋งŒ๋“ค๊ธฐ

JS๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ ์‹œ๊ณ„๋ฅผ ๋งŒ๋“ ๋‹ค.
๋จผ์ € new Date() ๋ผ๋Š” ๊ฐ์ฒด๋ฅผ ๋ณ€์ˆ˜๋กœ ๊ฐ€์ ธ์˜จ๋‹ค.
๊ฐ์ฒด ๋‚ด์— ๋งค์†Œ๋“œ์ธ getSeconds(), getMinutes(), getHours() ๋ฅผ ์ด์šฉํ•ด ํ˜„์žฌ ์‹œ๊ฐ„์„ ๊ฐ€์ ธ์˜จ๋‹ค.
ํ˜„์žฌ ์‹œ๊ฐ„์ด ๊ณ„์† ์—…๋ฐ์ดํŠธ ๋  ์ˆ˜ ์žˆ๋„๋ก setInterval์„ ์ด์šฉํ•ด์„œ ํ•จ์ˆ˜๋ฅผ ์ฃผ๊ธฐ์  (1000ms) ์œผ๋กœ ๋ถˆ๋Ÿฌ๋‚ธ๋‹ค.

ex) D-day ์‹œ๊ณ„ ๋งŒ๋“ค๊ธฐ ๋งŒ๋“ค์–ด ๋ณด์ž.

Point

๋ณ€์ˆ˜๋ฅผ ์“ธ ๋•Œ, const A = new Date(), B = new Date() ; ์ฒ˜๋Ÿผ ์ฝค๋งˆ( , ) ๋ฅผ ์ด์šฉํ•ด์„œ ์“ธ ์ˆ˜ ์žˆ๋‹ค.
ํด๋ž˜์Šค ๋ช…์„ ์ง€์„ ๋•Œ๋Š” js-[name] ์„ ์“ฐ์ž.
์ž‘์€ if ๋ฌธ :

clock.innerText = 
 `${dDayTimeMinutes < 10 ? `0${dDayTimeMinutes}`: dDayTimeMinutes}m`

ํƒœ๊ทธ: ,

์นดํ…Œ๊ณ ๋ฆฌ:

์—…๋ฐ์ดํŠธ: