๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JavaScript/[๋…ธ๋งˆ๋“œ ์ฝ”๋”]๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ

[๋…ธ๋งˆ๋“œ ์ฝ”๋”]๋ฐ”๋‹๋ผ JS๋กœ ํฌ๋กฌ ์•ฑ ๋งŒ๋“ค๊ธฐ - #5 CLOCK

by eugene663 2021. 8. 10.

#5.0 Intervals

setInterval(์‹คํ–‰ function, function ๊ฐ„๊ฒฉ(ms๋‹จ์œ„) );

 

#5.1 Timeouts and Dates

setTimeout(์‹คํ–‰ function, function ๊ฐ„๊ฒฉ(ms๋‹จ์œ„) );

:setInterval ํ•จ์ˆ˜์™€ ๊ฐ™์ง€๋งŒ setTimeout์€ ์ผ์ •์‹œ๊ฐ„์ด ํ๋ฅธ ๋’ค ๋”ฑ 1๋ฒˆ๋งŒ ์‹คํ–‰ํ•œ๋‹ค๋Š” ์ฐจ์ด๊ฐ€ ์žˆ๋‹ค.

 

JS๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” Date object๋ฅผ ์ด์šฉํ•˜๋ฉด ์‹œ๊ณ„๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ˜„์žฌ์˜ ๋‚ ์งœ, ์š”์ผ, ์‹œ๊ฐ„ ๋“ฑ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค.

 

 

 *getDay()๋Š” 0๋ถ€ํ„ฐ ์ผ์š”์ผ, 1์€ ์›”์š”์ผ ์‹์œผ๋กœ ํ‘œํ˜„๋œ๋‹ค.

ํ•ด๋‹น ์š”์ผ์ด ํ™”์š”์ผ์ด๋ผ 2๋กœ ํ‘œ์‹œ๋˜์—ˆ๋‹ค.

 

 

 

 

 

 

 

 

#5.2 PadStart

padStart๋ฅผ ํ†ตํ•ด string์˜ ์ž๋ฆฟ์ˆ˜๋ฅผ ์ฑ„์›Œ์ค„ ์ˆ˜ ์žˆ๋‹ค.

 

padStart x / padStart o

์‹œ๊ณ„ ๋!!