Index
1. setTimeout
setTimeout
ν¨μλ μΌμ μκ° λ€μ ν¨μλ μ§μ λ μ½λλ₯Ό μ€ννλ νμ΄λ¨Έλ₯Ό μ€μ ν©λλ€. μ°μ κ°λ¨ν ν¨μλ₯Ό νλ λ§λ λ€μ setTimeout
ν¨μλ₯Ό ν΅ν΄ μ€νμμΌ κΈ°λ₯μ νμΈν΄λ΄
μλ€.const funcTime=() => {console.log('go!');} setTimeout(funcTime , 3000);
μ μ½λλ 'go!'λΌλ λ¬Έμμ΄μ 3μ΄ λ€μ μ½μμ μΆλ ₯νλ ν¨μμ
λλ€.
setTimeout
ν¨μμμ funcTime
ν¨μλ₯Ό 첫 λ²μ§Έ μΈμλ‘, κ·Έλ¦¬κ³ 3000μ μ«μλ₯Ό λ λ²μ§Έ μΈμλ‘ μ§μ΄λ£μλλ°μ, μ΄ μλ―Έλ setTimeout
ν¨μλ₯Ό μ€ννλ μμ μμ 3000 λ°λ¦¬ μΈμ»¨λ(1000λΆμ 1μ΄, μ¦ 3000 λ°λ¦¬ μΈμ»¨λλ 3μ΄) λ€μ funcTime
ν¨μλ₯Ό μ€ννκ² λ€λ μλ―Έμ
λλ€. μ΄μ μ½λλ₯Ό μ€νν΄ λ΄
μλ€! μ νν 3μ΄ λ€μ μ½μ μ°½μ 'go!' κ° μ°νλ κ²μ΄ λ³΄μΌ κ²λλ€. κ·Έλ°λ° 3μ΄κ° νλ₯΄κΈ° μ μ μ΄λ€ μ«μκ° λ°νλμ§ μμΌμ
¨λμ?! μ΄ μ«μμ μ 체λ λ€μμ λ°νμ§λλ€ :)2. clearTimeout
setTimeout
ν¨μκ° μΌμ μκ° λ€μ ν¨μλ μ§μ λ μ½λλ₯Ό μ€ννλ€λ©΄ κ·Έ λ¨μ§μΈ clearTimeout
μ κ·Έ μ€νμ μ·¨μνλ μν μ ν©λλ€. μ΄λ»κ² μ¬μ©νλμ§ μμλ³ΌκΉμ? λ§€μ° κ°λ¨ν©λλ€!clearTimeout(timeoutID);
μλ κ² μ¬μ©νλ©΄ μμ μ€νλ
setTimeout
ν¨μλ μ€νμ μ·¨μν©λλ€. κ·Έλ λ€λ©΄ clearTimeout
μ μ λ¬μΈμμ λ€μ΄ μλ timeoutIDλ 무μμ μλ―Έν κΉμ? μ΄κ²μ΄ λ°λ‘ μμμ setTimeout
μ μ€ννμ λ λ°νλμλ μμν μ«μμ μ 체μ
λλ€! setTimeout
ν¨μλ μ€νλμμ λ νμ νΉμ ν μ«μν κ°μ λ°νν©λλ€. κ·Έκ²μ΄ λ°λ‘ setTimeout
ν¨μμ ID κ°μ
λλ€. μ΄ ID κ°μ clearTimeout
ν¨μμ μ λ¬νκ² λλ©΄ ν΄λΉ IDκ° κ°λ₯΄ν€λ setTimeout
μ μ€νμ΄ μ’
λ£λλ κ²μ΄μ§μ. λ€μκ³Ό κ°μ μ½λλ‘ μ΄ν΄λ³΄μ€ μ μμ΅λλ€.const funcTime=() => {console.log('go!')} let timeId = setTimeout(funcTime , 3000); /*setTimeout ν¨μμ IDλ₯Ό timeId λ³μμ μ μ₯ν©λλ€.*/ clearTimeout(timeId);
μμ κ°μ μ½λλ₯Ό μ€ννλ©΄
clearTimeout
μΌλ‘ μΈν΄ 'go!' λ¬Έμμ΄μ μ λ μ½μ μ°½μ μ°νμ§ μμ κ²λλ€.Β