setTimeout js function working only once

Question

The setTimeout() function runs only once. It is supposed to refresh every 100ms. but the youtube tutorial uses setTimeout. why is it not working in mine? is it not possible to use setTimeout for this application

<html>
<head>
    <title>Stop Watch</title>

<script type="text/javascript">
var time=0;
var running=1;


function run(){
    if(running==1){
        setTimeout(function(){
            time++;
            document.getElementById("lead").innerHTML="Time: "+time;
        },100);

    }
}
</script>
</head>
<body>
    <p id="lead">Click to start Timer</p>
<button id="startPause" onclick="run()">Start</button>
<button id="reset" onclick="">Reset</button>
</body>
</html>

Yeah thanx @elclanrs, setInterval works. but the youtube tutorial uses setTimeout. why is it not working in mine... — safwanmoha, Aug 17 '14 at 18:31

Vivek Pratap Singh · Answer 1 · 2014-08-17T18:38:52.250

-1

Replace setTimeOut with setInterval for repititive tasks.

function run(){
    if(running==1){
        window.setInterval(function(){
            time++;
            document.getElementById("lead").innerHTML="Time: "+time;
            //run();
        },1000);

    }
    else {
        time=0;
        window.clearInterval(interval);
    }
}

edited Aug 17 '14 at 18:38

answered Aug 17 '14 at 18:32

Vivek Pratap Singh

9,326
5
21
34

1

This will create a interval each 100 seconds.. Good luck crashing user's IE. – DontVoteMeDown Aug 17 '14 at 18:35
this is just sample code. It can be change as per requirement. – Vivek Pratap Singh Aug 17 '14 at 18:37
A... constructive comment would be to remove the recursive `run()` near the end – Brian Aug 17 '14 at 18:37
I didn't do anything @Vivek... – Brian Aug 17 '14 at 19:48
@user3320064 Hi Frnd, If it works for you, Kindly upvote the answer.thnx :) – Vivek Pratap Singh Aug 18 '14 at 03:08

setTimeout js function working only once

1 Answers1