jquery - setTimeout関数をトリガーするjquery uiトグルボタン

Question

トグルが押されたときに機能を実行するトグルボタンを作成しようとしています。トグルがオフのときは機能を停止する必要がありますが、トグルがオンになると常に機能を実行する必要があります。

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