How do I correctly use setInterval and clearInterval to switch between two different functions?

前端 未结 6 449
-上瘾入骨i
-上瘾入骨i 2020-12-01 12:53

For practice I am trying to display a number that increments from 0 - 9, then decrements from 9 - 0, and infinitely repeats.

The code that I have so far seems to

6条回答
  •  暗喜
    暗喜 (楼主)
    2020-12-01 13:30

    You need to capture the return value from setInterval( ... ) into a variable as that is the reference to the timer:

    var interval;
    var count = 0;
    
    function onloadFunctions()
    {
        countUp();
        interval = setInterval(countUp, 200);
    }
    
    /* ... code ... */
    
    function countUp()
    {
        document.getElementById("here").innerHTML = count;
        count++;
    
        if(count === 10)
        {
            clearInterval(interval);
            countUp();
            interval = setInterval(countUp, 200);
        }
    }
    

提交回复
热议问题