javascript - 计算函数执行了多少次

Question

我的网站背景有图片，我愿意让它从右向左移动 而且我不想使用 jQuery，所以这里是我的代码，它可以执行该操作

HTML 代码

<div id="clouds_image"></div>

Javascript 代码

var g = 0;
var speed=80;
var counter = 5;
function rollClouds() 
{
    document.getElementById('clouds_image').style.backgroundPosition=g+'px 0';
    g--;
    if (counter < 1) 
        clearInterval(interval);
}

interval = setInterval( function(){ rollClouds() }, speed)

这应该使图像从右向左移动并重复移动 5 次，然后从 5 倒数到 0 然后将 counter < 1所以它会执行 clearInterval(interval)阻止它。

但是我不知道为什么一直不停的重复!所以代码可能有错误所以知道如何让它在重复移动 5 次后停止。 ~ 谢谢

Answer 1

您似乎没有像代码暗示的那样递减计数器:

counter--;

这里是完整的函数:

function rollClouds() 
{
    // decrement (decrease) the counter otherwise it's never less than 1

    document.getElementById('clouds_image').style.backgroundPosition=g+'px 0';
    g--;
    if (counter < 1) {
        clearInterval(interval);
    }
    counter--;
}