为jQuery的fadeIn函数添加延迟

Add a delay to jQuery fadeIn function

本文关键字：添加 延迟 函数 fadeIn jQuery      更新时间：2023-09-26

我试图在jQuery中添加延迟到我的fadeIn函数。该代码的目的是，当'topmods'或'dailyskins'按钮被按下时，它将隐藏/显示另一个父div。

目前，当我按下div 'topmods'是隐藏div 'dailyskins'虽然'topmods'的内容在'dailyskins'下面一秒，直到'dailyskins'已经完成淡出。

我认为这可以通过添加延迟来解决，虽然我不知道如何添加这个，

请给每个淡出片段添加200ms的延迟。

jQuery(document).ready(function(){
     $("#topmods").hide();

jQuery('#dropdailyskin').live('click', function(event) {        
     jQuery('#dailyskins').fadeIn('show');
});
jQuery('#dropdailyskin').live('click', function(event) {        
     jQuery('#topmods').fadeOut('show');
});

 jQuery('#dropdownmods').live('click', function(event) {        
     jQuery('#dailyskins').fadeOut('show');
});
 jQuery('#dropdownmods').live('click', function(event) {        
     jQuery('#topmods').fadeIn('show');
});

谢谢

只需像这样在代码中添加。delay 

$("idhere").delay(1000).fadeIn(500);

以毫秒为单位

你可以在执行你的函数之前添加一个超时:

setTimeout(function(){jQuery('#dailyskins').fadeIn('show')}, 200);

或者您可以使用。

$("idhere").delay(1000).show();
相关文章：