javascript - 是否有一些 dojo.fx.sleep 函数可以在 dojo.fx.chain 动画中使用?

标签 javascript animation dojo sleep method-chaining

我想在一秒钟内淡入一个节点。然后保持 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 和 Prototype 的常见习语是 delay 属性,它似乎也出现在 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();
});

关于javascript - 是否有一些 dojo.fx.sleep 函数可以在 dojo.fx.chain 动画中使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/482260/

相关文章:

javascript - 有没有办法在不使用负像素值的情况下缓入和缓出动画 div?

dojo - 使用模板扩展 Dijit.Dialog

javascript - dojo 中的 MultiSelectCombobox 问题

javascript - DOJO dijit/registryregistry.byId() 不监视小部件?

javascript - 无法在移动设备上与溢出 :auto element underneath scrollable section using fullpage. js 进行交互,scrollOverflow:true

javascript - 如何在 typescript 中导入 three.js GLTFExporter?

javascript - 你如何解析非格式良好的 JSON(可能使用 jQuery)

javascript - Angular *ngFor 循环遍历数组的数组

css - 有没有办法像 transform :rotatey(90deg) apply at every 5s with inifinite animation only with css3? 这样的 CSS3 动画属性

android - 如何显示某些图像的加载进度动画?