javascript - setTimeout不添加延迟

这是我的代码：

function transition(index){
    $("#right-panel").find("img").each(function(){
        if ($(this).index() === index){
            setTimeout(function(){
                $(this).fadeIn(750);
            }, 100000000);
        }else{
            $(this).fadeOut(750);
        }
    });
}

由于某些原因，该函数中的setTimeout不会导致fadeIn延迟。我究竟做错了什么？

最佳答案

this回调中的setTimeout与外部的相同。

var self = this;
setTimeout(function(){
    $(self).fadeIn(750);
}, 100000000);

虽然您可以只使用.delay()。

$(this).delay(100000000).fadeIn(750)

总体而言，一种更好的方法似乎是使用.eq()来获取要获取的.fadeIn()，其余使用.fadeOut()。

function transition(index){
    var images = $("#right-panel").find("img");// get all the images
    var fadein = images.eq(index)
                       .delay(100000000)
                       .fadeIn(750); // fadeIn the one at "index"
    images.not(fadein).fadeOut(750); // fadeOut all the others
}

关于javascript - setTimeout不添加延迟，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9040780/