setinterval with click event is not working at all

Question

I'm having a problem in letting 'setinterval' function to work in 'click' event. it doesn't work at all inside the click event, while if i put it out side the click event it works.. how can i get around this ??

I googled it for a solution, but it seems there is already an issue with it with the 'click' event.. & i hope you can help me guys with it..

thanks.

function myTimer() {
    alert("test");
};


$(document).ready(function() {  
    $('#testButton').click(function() {
        var myVar = setInterval(function() {
            myTimer();
        }, 1000);
    });
});

Sorry Guys... it seems that I was having an error on my side.. I put the input button to be runat server & this is was the problem... thank u guys for ur help.. and sorry for this problem ...

@VisioN yah. i'm really sure about the id, i have tested it with the alert ... — Q8Y, Mar 20 '13 at 08:32
@Q8Y Could you then provide a fiddle or just include your markup in the question? — VisioN, Mar 20 '13 at 08:34

score 1 · Accepted Answer · edited May 23 '17 at 10:27

1

Are you sure that you want to use setInterval? setInterval will run the same function all the time, until it is cleared.

Instead of defining a function inside the setInterval call, try just referencing myTimer, ie:

$('#testButton').click(function() {
    var myVar=setInterval(myTimer, 1000);
});

See 'setInterval' vs 'setTimeout'

edited May 23 '17 at 10:27

Community

1
1

answered Mar 20 '13 at 08:19

Tim Groeneveld

8,739
3
44
60

score 1 · Answer 2 · answered Mar 20 '13 at 08:19

1

Post your html code and check if jquery is included. You can also check if there're any errors in chrome console or firefox firebug. Your code works here if there's a button on a page

<button id="testButton">clickme</button>

answered Mar 20 '13 at 08:19

jezzarax

417
2
10

score 0 · Answer 3 · edited Sep 21 '15 at 17:08

0

Try:

var myTimer = function() {
    alert("test");
}

$(document).ready(function() {
    $('#testButton').click(function() {
        var reload = function() {
            setTimeout(function() {
                myTimer();
                reload();
            }, 1000);
        }
        reload();
    });
});

edited Sep 21 '15 at 17:08

Seth

10,198
10
45
68

answered Mar 20 '13 at 08:21

Haroldo Gondim

156
5

setinterval with click event is not working at all

3 Answers3