JQuery UI Переключатель для запуска функции setTimeout

0

Я пытаюсь создать кнопку переключения, которая должна запускать функцию, когда нажата кнопка 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
        }
    });
});
Теги:

1 ответ

1

+ Изменить

  • setTimeout to setInterval

  • clearTimeout clearInterval

Ещё вопросы

Сообщество Overcoder
Наверх
Меню