javascript - 设置和清除间隔

Question

我有两个函数，increaseSpeed和decreaseSpeed。他们都使用clearInterval()然后setInterval但是有些东西不对。

decreaseSpeed 将我的速度从 1000 减慢到 5000，但是如果我使用该函数 10-20 次以上，速度看起来更像是 100-500 毫秒。另外，如果我使用increaseSpeed将速度提高到50ms，然后使用decreaseSpeed，则decreaseSpeed根本不会有任何效果。

这是设置、清除的函数

var updateRate = 1000;
var id = setInterval(myFunction, updateRate);
function myFunction() {     
valClickedFun(1);
   }

并降低速度

    function decreaseSpeed(){

        clearInterval(id);
        updateRate = 5000;
        setInterval(myFunction, updateRate);

        console.log(updateRate)
};

我得到了 JSFiddle设置完毕后，如果您多次单击“降低速度”按钮，您就会明白我的意思。

Answer 1

您忘记在函数中将 setInterval 分配给 id(decreaseSpeed 和increaseSpeed)。

id = setInterval(myFunction, updateRate);  

JSFiddle