Repeat code every x seconds but not if [insert check here]

Question

This is a followup to this question, where I found out how to make code be repeated every x seconds. Is it possible to make an event that can change this? I.e. I have a checkbox which is meant to control whether this is repeated or not, so I figured I'd need something like this:

$(checkbox).bind("change", function() {
    switch(whether if it is ticked or not) {
        case [ticked]:
            // Make the code repeat, while preserving the ability to stop it repeating
        case [unticked]:
            // Make the code stop repeating, while preserving the ability to start again
    }
});

I have no idea what I could put in the cases.

It looks like the answer to your other question already addresses this. `clearInterval` allows you to stop a setInterval call. — j08691, Nov 10 '12 at 20:02
If you use the general structure above yes, it would whenever the checkbox is changed. — j08691, Nov 10 '12 at 20:04
I added a demo to my answer, I hope it will help you get the whole picture. — gdoron, Nov 10 '12 at 20:11

score 2 · Answer 1 · answered Nov 10 '12 at 20:03

You can do it by assigning your setInterval function to a variable.

var interval = setInterval(function() {  }, 1000);

and then you can stop setInterval by

clearInterval(interval);

p.s. to start your interval you need to call var interval = setInterval(function() { }, 1000); again

score 2 · Answer 2 · answered Nov 10 '12 at 20:08

You can either stop and start the interval:

var timer;

function start() {
  timer = window.setInterval(function(){
    // do something
  }, 1000);
}

function stop() {
  window.clearInterval(timer);
}

start();

$(checkbox).bind("change", function() {
  if ($(this).is(':checked')) {
    start();
  } else {
    stop();
  }
});

Or you can have a flag causing the interval to skip the code:

var enabled = true;

var timer = window.setInterval(function(){
  if (!enabled) {
    // do something
  }
}, 1000);

$(checkbox).bind("change", function() {
  enabled = $(this).is(':checked');
});

gdoron · Accepted Answer · 2012-11-10T20:10:01.867

1

function fooFunc() {
    $('#foo').text(+new Date());
}
var id;
var shouldBeStopped = false;
$('input').change(function() {
    if (shouldBeStopped) 
        clearInterval(id);
    else 
        id = setInterval(fooFunc, 200);

    shouldBeStopped = !shouldBeStopped;
});

Live DEMO

edited Nov 10 '12 at 20:10

answered Nov 10 '12 at 20:05

gdoron

147,333
58
291
367

Repeat code every x seconds but not if [insert check here]

3 Answers3

Linked

Related