計算執行函數的次數

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