spin.js中隐藏的微调器怎么样?

时间:2012-09-13 14:00:27

标签: javascript spin.js

请帮帮我......

我想使用Spin.js来显示一个微调器。我能做到但我不能阻止它。

我的代码:

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

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

我必须完成的内容“??????????????????????请停止旋转器。

我试过: - Spinner()。停止(目标); - Spinner()。spin(target).stop(); - Spinner()。stop();

没有结果...... ='(

很多!

4 个答案:

答案 0 :(得分:2)

首先,我必须说我从未使用过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);
}

答案 1 :(得分:0)

您应该修改setTimeout

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

答案 2 :(得分:0)

从你给我们的那篇文章中,我猜new Spinner创建了一个对象,你需要在其上调用stop方法:

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

答案 3 :(得分:0)

旋转器将在4秒后停止

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