Question

I’m looking for a way to loop a function over and over until it is stopped by a button and then afterwards it can be resumed. I’ve google and found some results but they’re only limited to loop a specific function..

So is there any way that you can help me?

EDIT:

It should be able to loop through a list of items

<ul>
    <li>
<ul>

and the transition is supposed to be with fadeOut and then fadeIn the next li.

Answer 1

Try like this

Jquery

$("#pause").click(function (){
if (pause){
    timer = setInterval(function(){$("#content").append("Hello world</br>")},1000);
    pause = false;
}
});
$("#resume").click(function(){
if (!pause){
    pause = true;
    clearInterval(timer);
}
});

See Demo