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

Posted 2023-05-08

【中文标题】拉达旋转动画在 stop() 后保持旋转一秒钟

【英文标题】：Ladda spin animation keeps spinning for one second after stop()

【发布时间】：2015-07-08 10:34:26

【问题描述】：

我正在像这样使用ladda spinner：

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

我的问题是l.stop()执行后，动画并没有立即停止：旋转动画只在一秒钟后停止。

【参考方案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

【讨论】：

现在延迟两秒：一秒。对于 setTimeout 和秒。之前在 l.stop() 之后动画显示一秒钟...

@codelife 您能否再次解释一下您的评论？超时不需要延迟一秒。这就是超时的全部意义——直到一秒钟后才会执行。

如果要增加延迟，只需将1000毫秒改为2000毫秒即可。

Ladda 库中的问题不在其他问题中。 Ladda 库有方法 start() 和 stop() 当我调用 start() 时立即显示旋转（如进度加载），当我调用 stop() 仅在一秒钟后动画消失（动画是旋转加载进度）

James，我相信 codelife 不想延迟动画，他只是想让动画在l.stop()之后立即停止...