在javascript中同步动画

Synchronize animation in javascript

本文关键字：动画 同步 javascript      更新时间：2023-09-26

我在单个Onclick()函数上有单个javascript动画代码，条件是第二个动画不应该开始，除非首先完成和Onclick()函数从xml文件调用。需要说唱歌手javascript，我可以处理这种情况。

javascript:

Function Onclik() {
    trans.delay=3000 ms;
    trans.duration=3000 ms;
    obj1.trnslate();
    Play();                   // Each Play() will do the animation
    trans.delay=4000 ms;      // Should not start work unless previous Play() finish. 
    trans.duration=4000 ms;
    obj2.rotate();
    Play();                  
    trans.delay=5000 ms;      // Should not start work unless previous Play() finish.
    trans.duration=5000 ms;
    obj3.scale();
    Play();
}

使用setTimeout()插入动画持续时间的延迟

,

Animation1为5秒。所以

setTimeout(function() {
  // Do something after 5 seconds
  //Here insert animation2's code
}, 5000);
相关文章：