Web/JavaScript
setTimeout | clearTimeout
kimtaku
2015. 7. 9. 19:48
var value = setTimeout(function(){ }, ms)
- ms뒤에 function을 실행한다.
clearTimeout(value)
- setTimeout의 ms를 초기화시킨다.
mouseover 이벤트와 mouseout 이벤트를 사용한다고 했을 때,
mouseout 되고 나서 몇 초 뒤에 어떤 일을 수행하도록 setTimeout을 설정했다고 하자.
그러면 mouseover가 되어있는 동안은 mouseout 이벤트에 설정된 function이 수행이 되면 안되는데, 이상하게도 수행이 된다. 따라서 mouserover 이벤트에 clearTimeout(value)을 지정해놓고 mouseout에
setTimeout을 그냥 사용하는것이 아닌 value = setTimeout 형식으로 사용해서 이러한 현상을 막아야 한다.