如何延迟body运动动画

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()。我假设您正在使用此处找到的库。

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