删除延迟

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');