拉达旋转动画在 stop() 后保持旋转一秒钟

Question

我正在像这样使用ladda spinner：

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