如何延迟人体动画

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，并在2000ms的超时时间内调用play()。我假设您正在使用找到的here库。

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

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