이전의 setTimeout 함수에 의해 생성 된에서는 setTimeout 함수 객체 조작

Question

I는 다음과 같은 구조의 setTimeout 함수를 이용한 애니메이션을 수행하는 기능을 가지고 난과 연관된 오브젝트를 생성하고

animation: function() { 
    //first 
    setTimeout(function(){ 
    makeObject({ ... }); // this makes '#object .secondary' on the DOM 
    }, 500); 
    //second 
    setTimeout(function(){ 
    ... 
    }, 1000); 
    //third 
    setTimeout(function(){ 
    $('#object .secondary').doSomething(); 
    }, 1500); 

} 

를 ' .secondary 'CSS 클래스를 첫 번째 setTimeout 함수를 누른 다음 개체를 선택하고 세 번째 함수에서 클래스 이름을 사용하여 조작하려고합니다. 그러나 개체는 세 번째 함수가 실행 된 후에도 변경되지 않고 "Undefined is a function"오류가 발생합니다. 이것은 setTimeouts가 동시에 실행되므로 세 번째 함수에 의해 선택 될 보조 오브젝트가 아직 존재하지 않기 때문이라고 생각합니다. 그래서 내 질문은 : 어떻게 세 번째 setTimeout 함수에서 보조 개체를 조작합니까?

Answer 1

독자적으로 시간 초과가 발생해서는 안됩니다. 3 일은 1 일후 약 1 초 후에 시작됩니다.

하지만 언급 한 오류가 있습니다. 귀하의 의견을 바탕으로 :

호출은 실제로 D3 그건 d3.select('#object').selectAll('.secondary').fadeOut(50);

를 통해 때문에 D3의 Selections, d3.select() 및 .selectAll() 반환, jQuery를 관련이없는 그 방법이되지 않습니다.

.fadeOut()을 사용하기 전에 d3에서 jQuery으로 컬렉션을 변환해야합니다. 당신이 당신의 코드에서 일을 제안했다 싶지만

jQuery(d3.select('#object').selectAll('.secondary')).fadeOut(50); 

하거나, 문을 통해 jQuery를 사용

jQuery('#object .secondary').fadeOut(50); 

Answer 2

두 번째 설정은 이전의 두 번째 시간 제한 &입니다. E.G.

animation:function() { 
setTimeout(function() { 
makeObject(…); 
setTimeout(function() { 
    ... 
    setTimeout(function() { 
    $('#object .secondary').doSomething(); 
    },500); 
},500); 
},500); 
};