자바 스크립트 범위 : 여기에 임의의 새로운 객체

Question

를 참조 타이머는 기본적으로 내가 할 노력하고 무엇에 대한 코드입니다 :

그래서 짧은

document.body.addEventListener("keypress", f1, false); 

function f1(e){ 
    var span = document.createElement("span"); 
    window.setInterval(function(){ 
     ... 
      window.clearInterval(this); 
      document.body.removeChild(span); 
} 

, 나는 새로운 DOM 요소를 만들려고 노력하고있어, 다음을 첨부 타이머를 사용하여 특정 개체를 참조 할 수 있습니다. 문제는 컨텍스트를 수행하는 방법을 모르므로 this은 window을 참조하고, span (어쨌든 작동 할 것으로 예상하지는 않음)을 참조하려고하면 JavaScript에서 오류가 발생합니다. 해당 함수에서 만든 DOM 요소에 간격의 컨텍스트를 어떻게 설정할 수 있습니까?

Answer 1

setInterval 타이머의 id 정수를 반환합니다. 그래서, 당신이 할 일은 그것을 저장하는 것입니다 :

var interval = setInterval(function(){ 
// ... 
    clearInterval(interval); 

Answer 2

은 간격 변수를 유지 :

document.body.addEventListener("keypress", f1, false); 

function f1(e){ 
    var span = document.createElement("span"); 
    var myInterval = setInterval(function(){ 
     ... 
      clearInterval(myInterval); 
      document.body.removeChild(span); 
}