jquery – 如何使绿色摇滚动画反向但比原始动画更快？

我有一个动画,我正在使用Greensock.
完成此动画后,当用户单击某个按钮时,动画将反向播放.我的问题是我希望动画的反向播放速度比最初播放时快3倍.
我很难知道如何做到这一点.

我当前的代码工作正常,我只需要它以更快的速度反向动画.
非常感谢任何帮助,谢谢.
当前代码：

var tl = new TimelineMax();
var page4 = function(){
    console.log('hello');
    tl.staggerFrom("input",0.5,{
      marginLeft:"-300px",opacity:0,delay:0.5,force3D:true
    },0.2);
    tl.staggerFrom("label",{
      opacity:0
    },0.2);
    tl.staggerFrom("#submit",0.2);
  };

$('#submit').on('click',function(e){
   e.preventDefault();
   tl.reverse();
   setTimeout(function(){ 
     contact();
   },3000 );
 });

function contact(){
   var msg = 'ness day to reply back.

最佳答案

它应该像将timeScale()设置为3一样简单(意味着它的播放速度比正常速度快3倍)：

tl.timeScale(3);

请记住,你可以链接东西,所以你可以同时反转()它：

tl.reverse().timeScale(3);

然后当你需要再次前进时：

tl.play().timeScale(1);

这些都在文档中：http://greensock.com/docs/#/HTML5/GSAP/

我还注意到你在3秒后使用setTimeout()来调用contact().这很好,但是如果你想在时间线完成后(在任一方向上)调用它,你可以设置onComplete：contact和onReverseComplete：contact.或者还有一个TweenLite.delayedCall(),它的行为与setTimeout()非常相似,但始终与整个GSAP引擎保持完美同步,并且可能性能更高.

快乐的补间！

原文地址：https://www.jb51.cc/jquery/428438.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。