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();
• スピナー().ストップ();

そして、結果はありません... ='(

どうも ！

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