문제

나는하고 싶다 fadeIn 1 초 이상 노드. 그런 다음 10 초 동안 그대로 두십시오. 그 다음에 fadeOut 또 다른 3 초 동안. 연쇄의 한 가지 방법은 다음과 같습니다.

dojo.fx.chain([
   dojo.fadeIn({node:myNode, duration:1000}), // fading in for 1 second
   dojo.fadeIn({node:myNode, duration:10000}), // this does nothing for 10 seconds
   dojo.fadeOut({node:myNode, duration:3000}) // fade out for 3 seconds
]).play();

이전 코드에서 중간 단계는 아무것도 달성하지 못하는 매우 어리석은 방법입니다. 일종의 종류가 있습니까? dojo.fx.sleep 지정된 시간 동안 아무것도하지 않는 애니메이션?

도움이 되었습니까?

해결책

나는 Dojo 사용자는 아니지만 jQuery와 프로토 타입의 일반적인 관용구는 Dojo에도 존재하는 지연 속성입니다.

dojo.addOnLoad(function() { 
  var animationArguments = {
    node: “testHeading”,
    duration: 1000,       // ms to run animation
    delay: 250            // ms to stall before playing
  };

  dojo.fadeOut(animationArguments).play();
});

다른 팁

이 시점에는 긍정적 인 것이 없습니다. 효과를 달성하는 유일한 방법은 코드를 수면 전 및 수면 후 섹션으로 나누는 것입니다. 내가 추천하는 유일한 것은 1o, ooo-millisecond 기간 동안 dojo가 가능한 한 적은 일을하는 것입니다. 당신이 지금 가지고 있듯이 점점 뚜렷해지다() 메소드가 호출되고 있으며 아마도 무시할 수 있지만, 적어도 하나의 조건부 명세서를 실행하고 있다는 사실 (불투명 속성을 수정 해야하는지 확인하기 위해)은 스크립트가 아무것도하지 않는 것보다 약간 느립니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top