setTimeout（）不會觸發函數

Question

我試圖在5ooo秒內一次又一次地用包含不同整數的first_pic變量觸發函數。每次這個函數運行時，它都會給first_pic變量加1，顯然它不起作用，請幫忙。

function slide(){ 
    var total_pic = $("#slide_show").children().length; 
    var first_pic = $("#slide_show li:first-child").css('z-index',total_pic).index()+1; 
    $("#slide_show li:nth-child("+first_pic+")").fadeOut(4000, function(){ 
     first_pic = first_pic + 1; 
    }); 
    setTimeout(slide, 5000); 
}; 
slide(); 

變量加1好聽，但setTimeout的不觸發功能再次

Answer 1

你first_pic是slide函數內的局部變量。這意味着每次您撥打slide時，都會得到一個新的first_pic變量。你的fadeOut回調將更新first_pic，它是封閉的，但slide調用setTimeout將得到它自己的first_pic。如果您想爲slide的每次執行使用相同的first_pic，則必須將其設置爲全局或使其值爲data或cookie。

看一看這一點，它可能會澄清這回事：

function slide() { 
    var first_pic = 5; 
    $('#fade').fadeOut(1000, function() { 
     first_pic = first_pic + 1; 
     $('#fade').show(); 
     $('#out').text(first_pic); 
    }); 
    setTimeout(slide, 2000); 
}; 
slide(); 

現場版（帶HTML）：http://jsfiddle.net/ambiguous/PRaLH/

和比較，這是如何表現：

var first_pic = 5; 
function slide() { 
    $('#fade').fadeOut(1000, function() { 
     first_pic = first_pic + 1; 
     $('#fade').show(); 
     $('#out').text(first_pic); 
    }); 
    setTimeout(slide, 2000); 
}; 
slide(); 

現場版：http://jsfiddle.net/ambiguous/Ntqjh/