如何延迟 Bodymovin 动画

Question

好的，所以我刚开始使用 bodymovin，想知道是否有办法延迟动画。

我的网页淡入，所以在淡入淡出的过程中发生了动画，这不是我想要的。所以，如果我能延迟 2 秒，那就太好了。

这是我的代码：

var animation = bodymovin.loadAnimation({
container: document.getElementById('bm'),
renderer: 'svg',
loop: false,
autoplay: true,
path: 'data.json'

})

我尝试过使用 setTimeout，但无法正常工作。

Answer 1

您可以将 autoplay 的值设置为 false，并在 2000 毫秒的超时时间内调用 play()。我假设您正在使用找到的库 here.

var animation = bodymovin.loadAnimation({
  container: document.getElementById('bm'),
  renderer: 'svg',
  loop: false,
  autoplay: false,
  path: 'data.json'
})

setTimeout(function(){ animation.play(); }, 2000);

如何延迟 Bodymovin 动画

How Do I Delay a Bodymovin Animation

javascript

bodymovin