顯示全屏圖像，wait2秒，關閉圖像，打開div - javascript/jquery

Question

我試圖打開全屏圖像2秒，然後關閉圖像。圖像關閉後，會顯示另一個元素。

$("#explosion-image").attr('src', %image_url%); 
$("#explosion-image").css({ 
    height:'100%', width:'100%', position:'fixed', top:0, left:0 
}); 
$("#explosion-image").show(); 
$("#explosion-image").delay(2000); 
$("#explosion-image").hide(); 
$("#explosion-image").attr('src', ''); 
$("#div-to-open").show(); 

此代碼僅打開圖像，比什麼都不做:(

感謝您的幫助提前

Answer 1

試試這個搗鼓出來：

個

http://jsfiddle.net/maniator/JhcGb/

$("#explosion-image").css({ 
    height: '100%', 
    width: '100%', 
    position: 'fixed', 
    top: 0, 
    left: 0, 
    display: 'none' 
}).show() 
setTimeout(function() { 
    $("#div-to-open").show(); 
    $("#explosion-image").hide(); 
}, 2000) 

Answer 2

delay()才真正適用於動畫。您應該使用setTimeout來代替。即使它的工作原理，你需要鏈中的呼叫：

$("#explosion-image").show().delay(2000).hide();