如何在spin.js中隐藏旋转器？

Question

我想使用Spin.js来显示旋转器。我能做到但我阻止不了它。

我的代码：

function startSpin() {
    var target = document.getElementById('demarrer');
    new Spinner().spin(target);
    setTimeout("dummyFunc()", 4000);
}

function dummyFunc() {
    console.log("bouh");
}

我要怎么叫才能阻止旋转器？

我试过：

• 旋转器().stop(目标)；
• 旋转器().spin(目标).stop()；
• 旋转器().stop()；

没有结果..。='(

太棒了！

Answer 1

首先，我必须说，我从来没有使用过旋转器，也不知道它是如何工作的，但我相当肯定，问题是在创建它之后，您只是丢弃了它。而不是

new Spinner().spin(target);

试着写

var spinner = new Spinner().spin(target);

然后，要阻止旋转器，请写：

spinner.stop();

完整代码：

function startSpin() {
    var target = document.getElementById('demarrer');
    var spinner = new Spinner().spin(target);

    // Run a function after 4 seconds.
    setTimeout(function() {
        console.log("bouh");
        spinner.stop(); // Stop the spinner
    }, 4000);
}

Answer 2

您应该修改setTimeout。

var spinner = Spinner().spin(target);
setTimeout(function() {
   dummyFunc();
   spinner.stop();
}, 4000);

Answer 3

从您给我们的部分中，我猜想new Spinner创建了一个对象，您需要在该对象上调用stop方法：

var target = /* some DOM element */;
var spinner = new Spinner();
spinner.spin(target);
spinner.stop(target);