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--;
}