javascript - 每秒改变属性

Question

我希望图像每秒都在变化。我在 setInterval 方面遇到问题。有人可以发布一个关于如何执行此操作的快速片段

这就是我想出来的。

var images = 'images/image_*.png';
for(var i = 1; i <= 5; i++){
    function changeImg(){
        var path = images.replace('*', i);
        $('img').attr('src', path);
    }
    setInterval('changeImg()', 1000);
}

Answer 1

在您的代码中，您调用了 setInterval 函数 5 次，这实际上是没有必要的。此外，由于循环将执行一次，i 的值将始终为 5，因此它不会按您的预期工作。您可以尝试这样做:

var images = 'images/image_*.png';
var i = 1;
setInterval(function() {
    var path = images.replace('*', i);
    $('img').attr('src', path);
    i = i + 1;
    if (i == 6) i = 1;
}, 1000);