javascript - spin.js 中如何隐藏微调器？

Question

我想使用 Spin.js 来显示微调器。我可以做到，但我无法阻止。

我的代码：

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

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

为了停止微调器，我必须调用什么？

我试过了 ：

• Spinner().stop(目标);
• Spinner().spin(目标).stop();
• 微调器().stop();

没有结果... ='(

谢谢 ！

Answer 1

首先，我必须说我从未使用过 Spinner 并且不知道它是如何工作的，但我相当确定问题是您在创建 Spinner 实例后只是将其丢弃。代替

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);

Answer 4

旋转器将在 4 秒后停止

 var target = document.getElementById('searching_spinner_center');
    var spinner = new Spinner(opts).spin(target);
    setTimeout(function() {
        spinner.stop(); 
    }, 4000);