Я пытаюсь создать кнопку переключения, которая должна запускать функцию, когда нажата кнопка 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
}
});
});
+ Изменить
setTimeout
to setInterval
clearTimeout
clearInterval