如何延迟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 of内调用play()。我假设你使用的是找到这里的库。

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

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