加載第二個函數的延遲

我試圖讓這個圖像使用jQuery動畫淡入到它下面的一個，然後在淡入淡出後大約2秒加載網頁。如何爲第二個函數加載定時器？這裏是我的代碼：加載第二個函數的延遲

<html>               
<head>                 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<style type="text/css"> 
.fade 
{ 
z-index:1;} 
.abs 
{position:absolute; 
    z-index: 10;} 
</style> 
</head> 
<body> 
    <div id="fadephoto"> 

    <div id="f4d" class="abs"> 
    <img src="1.jpg" > 

    </div> 
<div class="fade"> <img src="4.jpg" /></div> 
</div> 

</body> 

<script> 
{var fadeClicked = false;} 
$("#f4d").click(function() { 
$(this).fadeTo(2000, 0.01) 
fadeClicked = true; 
}); 

$('#fadephoto').click(function() 
{ 
    if (fadeClicked) 
    { 
     window.location.href = ('http://www.ifdvidfji.com'); 
    } 
}); 

</script>

來源

2011-12-20 matture

你可以使用settimeout。由於您不想重複代碼，因此可以在手動旁路上觸發點擊事件。

http://jsfiddle.net/3nKDD/

$("#f4d").click(function() { 
    $(this).fadeTo(2000, 0.01) 
    fadeClicked = true; 
    setTimeout(function() { $('#fadephoto').trigger('click'); }, 2200); 
});

雖然我重組你的JavaScript，因爲現在點擊觸發既處理，我認爲你只希望它觸發其中之一。

http://jsfiddle.net/3nKDD/2/

來源

2011-12-20 06:08:51 mrtsherman

是沒有似乎做任何事情 – matture 2011-12-20 06:13:21

@MatthewVitebsky - 嘗試取消註釋導航線。我只是寫信給控制檯，因爲當你的瀏覽器遠離你的工作區時，它很煩人。您可以通過按f12或ctrl-shift-j打開您的javascript調試控制檯來查看日誌。我還添加了第二個小提琴，我認爲它更準確地解決了您的問題。 – mrtsherman 2011-12-20 06:14:34

這幾乎是完美的，但它會是理想的，如果淡化開始後點擊，而不是徘徊。感謝您的幫助因此 – matture 2011-12-20 06:29:42

加載第二個函數的延遲

回答

相關問題