CODEWITHSUNDEEP
javascripttimer
user7988893
user7988893

Reputation:

How to clear the timer in my function?

All the material related with this issue are here.

All the material related with this issue

Open the p1.html, snow will fly automatically.
Click stop button can't stop the flying sonw.

Maybe the clearInterval(timer); in stopFly function can't run.
How to fix it?

Part of js.

function stopFly(){
    clearInterval(timer);
    document.getElementById("startButton").disabled = "";
    document.getElementById("stopButton").disabled = "disabled";
}

window.onload=function(){
    createManySnow();
    setInterval(startFly,100);
}

Part of html.

<input type="button" value="new" onclick="createManySnow();">
<input type="button" id="startButton"  value="start"  onclick="timer=setInterval(startFly,100)">
<input type="button" id="stopButton"     value="stop" onclick="stopFly();">

Upvotes: 0

Views: 49

Answers (2)

ShaH
ShaH

Reputation: 170

You have to assign to a variable the timer you created.

let startFlyInterval;
function stopFly(){
    clearInterval(startFlyInterval);
    document.getElementById("startButton").disabled = "";
    document.getElementById("stopButton").disabled = "disabled";
}

window.onload = function(){
    createManySnow();
    startFlyInterval = setInterval(startFly, 100);
}

Upvotes: 1

Jerodev
Jerodev

Reputation: 33186

You never assign the timer variable in your onload function. So an interval is running without a pointer.

window.onload = function () {
    createManySnow();
    window.timer = setInterval(startFly, 100);
};

Upvotes: 3

Related Questions