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