Question

我试图在延迟两秒后更改图像的来源。我正在更改源，等待两秒钟，然后将其更改回另一个随机图像。这是我的功能：

function ChangeToBomb() {
    var aantalPionnenOpScherm = $('#depionnen img')
    var randomPion = Math.floor(Math.random() * aantalPionnenOpScherm.length);
    var randomBom = Math.floor(Math.random() * bombs.length);
    $('#depionnen img:nth-child(' + randomPion + ')').fadeOut(100, function() {
        $(this).attr('src', bombs[randomBom]).fadeIn(100).delay(2000)
        $(this).fadeOut(100)
        $(this).attr("src", pictures[randomPion])
    })
}

直到：

$(this).fadeOut(100)

有人知道解决方案吗？

Answer 1

谢谢大家的帮助，我找到了答案。我只是忘了在改变来源后淡入。

function ChangeToBomb（）{

            var aantalPionnenOpScherm = $('#depionnen img')
            var randomPionUitArray = Math.floor(Math.random() * pictures.length);
            var randomPionOpScherm = Math.floor(Math.random() * aantalPionnenOpScherm.length);
            var randomBom = Math.floor(Math.random() * bombs.length);


            $('#depionnen img:nth-child(' + randomPionOpScherm + ')').fadeOut(100, function() {
                $(this).attr('src', bombs[randomBom]).fadeIn(100).delay(2000);
                $(this).fadeOut(100,function(){
                    $(this).attr("src", pictures[randomPionUitArray]).fadeIn(100)
                });
            })


        }

在短时间内更换图片来源

1 个答案: