Client/Javascript

[javascript / ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์‹œ๊ฐ„ ์ง€์—ฐ ํ•จ์ˆ˜, delay ๋ฐฉ๋ฒ•, ๋ช‡ ์ดˆ ํ›„ ์‹คํ–‰ - setTimeout()

meeeeejin 2020. 6. 19. 19:33

setTimeout ์‚ฌ์šฉ๋ฐฉ๋ฒ•

setTimeout()์€ ์‹œ๊ฐ„์„ ์ง€์—ฐ์‹œ์ผœ์ฃผ๋Š” ๋ฉ”์†Œ๋“œ๋‹ค. 

 

setTimeout(function(){}, 1000);

 

์œ„ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰์‹œํ‚ค๋ฉด 1000ms(=1second) ๋’ค์— function()์ด ์‹คํ–‰๋œ๋‹ค. 

 

 

 

 

setTimeout() ์‚ฌ์šฉ์˜ˆ์‹œ

3์ดˆ ํ›„์— "hello"๋ผ๋Š” alert ์ฐฝ์„ ๋„์šฐ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ ์˜ˆ์‹œ

1
2
3
4
// 3์ดˆํ›„์— "hello"๋ผ๋Š” alert ์ฐฝ ๋„์šฐ๊ธฐ
setTimeout(function () {
  alert("hello");
}, 3000);
cs

 

 

์†Œ์ŠคํŒŒ์ผ & ์‹คํ–‰ํ™”๋ฉด

index.html

 

index.js

 

์œ„์™€ ๊ฐ™์ด index.html๊ณผ index.js ํŒŒ์ผ์„ ์ž‘์„ฑํ•œ ๋’ค index.html ํŒŒ์ผ์„ ์—ด๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์‹คํ–‰ํ™”๋ฉด์ด ๋œฌ๋‹ค. hello๋ผ๋Š” alert์ฐฝ์€ ์‹คํ–‰ ํ›„ 3์ดˆ ๋’ค์— ๋‚˜ํƒ€๋‚œ๋‹ค. 

 

์‹คํ–‰ํ™”๋ฉด

 

 

 

 

๊ณต๋ถ€ํ•œ ๊ฒƒ์„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์ˆ˜์ •ํ•  ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :)

 

 

728x90