gpt4 book ai didi

javascript - 图像循环 - 重新循环

转载 作者:行者123 更新时间:2023-11-28 08:05:25 25 4
gpt4 key购买 nike

我有一个在一定范围内的特定时间随机的函数。我在重新循环函数或将计数器恢复为 1 时遇到问题,因此它会在范围后继续循环。

这是我的代码:

var i = 1;
function imgLoop() {
setTimeout(function () {
var rand = makeUniqueRandom();
j = rand;
img4 = '<div id="deck" class="center" >'
img4 += '<img class="img_deck" src="http://example.com/images/' + j + '.jpg" />';
img4 += '</div">'
$(img4).hide().appendTo("#img_brd").fadeIn('slow');
i++;
setTimeout(function () {
if (i < 30) {
$("#img_deck_border").remove().toArray();
imgLoop();
}
}, 2000)

}, 100)
}

imgLoop();

我尝试将参数传递给 imgLoop() 作为 imgLoop(i) 然后 imgLoop(1) 但输出错误并且加倍了附加图片。感谢您的帮助。

最佳答案

看看this fiddle 。这是没有图像的代码,它只是显示如何更改循环的迭代量。希望对您有帮助。

var i = 1;
var amount = 30;
var isRunning = false;
function imgLoop() {
isRunning = true;
setTimeout(function () {
// here should be your work with images
$("#output").text($("#output").text() + " " + i);
i++;
setTimeout(function () {
if (i < amount) {
imgLoop();
}
else {
isRunning = false;
alert("I'm done");
}
}, 200)

}, 100)
}

function addIterations() {
amount += 10;
if (!isRunning)
imgLoop();
}

function start() {
$("#div-start").remove();
imgLoop();
}

$("#div-start").on("click", start);
$("#div-add").on("click", addIterations);

关于javascript - 图像循环 - 重新循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24842379/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com