javascript - 如何延迟 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，并play()在 2000 毫秒的超时时间内调用。我假设您使用的是在此处找到的库。

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

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