Ladda旋转动画在停止后持续旋转一秒钟()

Question

我正在使用这样的ladda微调器:

var l = Ladda.create(document.getElementById('ladda-test'));
l.start();
l.stop();
console.log('ladda is stoped');

我的问题是,l.stop()执行完后,动画不会立即停止:旋转动画仅在一秒后停止.

Answer 1

您可以使用超时函数等待一秒钟 - 然后执行您的代码。

setTimeout()方法将等待指定的毫秒数，然后执行指定的函数。

setTimeout() 的第一个参数应该是一个函数。

第二个参数表示从现在开始要执行第一个参数的毫秒数。

例如：

var l = Ladda.create(document.getElementById('ladda-test'));
l.start();
setTimeout(function() {
    l.stop();
    console.log('ladda is stoped');
}, 2000); // This unit equates to two seconds

您可以在这里了解有关计时事件的更多信息：http://www.w3schools.com/js/js_timing.asp