Question

我正在尝试创建一个切换按钮，该按钮在按下toggel时应运行一个功能。当切换关闭时，功能应该停止。但是，只要打开切换，就应该不断运行功能。

JSBIN尝试： http://jsbin.com/AbIzuNO/1/edit

HTML：

 <input type="checkbox" id="check" />
<label for="check">Toggle</label>

JS：

var Autoreload;

$("#check").button({
    icons: {
        primary: "ui-icon-circle-triangle-s"
    }
}).click(function () {
    var iconClass;
    if ($(this).is(':checked')) {
        iconClass = "ui-icon-circle-triangle-e";
        Autoreload = setTimeout(function () {
            //Run somefunction here constantly untill cleared
            //$.getJSON( "ajax/test.json", function( data ) {
            //  some success calls
            //});
            console.log("Running");
        }, 100);

    } else {
        iconClass = "ui-icon-circle-triangle-s";
        clearTimeout(Autoreload);
    }
    $(this).button("option", {
        icons: {
            primary: iconClass
        }
    });
});

Answer 1

更改

setTimeout至setInterval
clearTimeout至clearInterval

jquery ui切换按钮以触发setTimeout函数

1 个答案: