刪除延遲

Question

(function($) 
{ 
$.fn.blink = function(options) 
{ 
    var defaults = { delay:5000 }; 
    var options = $.extend(defaults, options); 

    return this.each(function() 
    { 
    var obj = $(this).find("img"); 
    setInterval(function() 
    { 
    if($(obj).css("display") == "block") 
    { 
    $(obj).fadeOut('slow'); 
    } 
    else 
    { 
    $(obj).fadeIn('slow'); 
    } 
    }, options.delay); 
    }); 
} 
}(jQuery)) 

$('.blink').blink(); 

HTML：

<a href="#" class="blink"> 
    <img src="image.png" alt="some image" /> 
</a> 

此腳本刪除圖像過渡效果，然後說明了回去。所以這裏有兩個步驟：1）隱藏，2）顯示。

每一步都有5秒的延遲，只有當圖像可見時才應該有。

如何從隱藏的步驟刪除延遲？圖像不可見時不應有任何延遲。

代碼可以在JsFiddle

它是一個圓形的腳本，一旦淡入/輸出完成後，應該重新開始。

謝謝。

Answer 1

要刪除延遲fadeOut後，剛剛鏈中的調用，而不是要求他們對自己的時間間隔：

$(obj).fadeOut('slow').fadeIn('slow'); 

我做了一些簡化的代碼：http://jsfiddle.net/vcWDy/2/

Answer 2

UPDATE：在這裏你去：http://jsfiddle.net/ifaour/Sj5sX/

我對jQuery的大師所有的耳朵筆記和改進..

更新2：或http://jsfiddle.net/ifaour/tzdxX/

---

對不起，我把你的問題向後:) 使用：

0123而不是

$(obj).hide(); 

：

$(obj).fadeOut('slow'); 

如果你想顯示它直接

使用：的

$(obj).show(); 

代替：

$(obj).fadeIn('slow');