blocks|key|2570780|text|setTimeout(function(){
+++++$('#gallerie+ul+li:eq(1)').remove();
},3000);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2570781|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>setTimeout(function(){
 $('#gallerie ul li:eq(1)').remove();
},3000);
</code></pre>

blocks|key|1602944|text|如果你想以.delay的方式来做，你需要整合一个.queue|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1602945|$("#gallerie+ul+li:eq(1)").delay(3000).queue(function()+{
++++$(this).remove();
});|code-block|syntax|javascript|1602946|演示：http://jsfiddle.net/karim79/MT4Yd/|1602947|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/queue/|1|http://jsfiddle.net/karim79/MT4Yd/^0|5|6|O|6|O|6|0|0|0|3|Y|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|M|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

If you want to do the it <code>.delay</code> way, you'll need to incorporate a <a href="http://api.jquery.com/queue/"><code>.queue</code></a>:

<pre><code>$("#gallerie ul li:eq(1)").delay(3000).queue(function() {
 $(this).remove();
});
</code></pre>

Demo: <a href="http://jsfiddle.net/karim79/MT4Yd/">http://jsfiddle.net/karim79/MT4Yd/</a>

blocks|key|1601107|text|delay方法用于动画，因此只有在它之后链接的动画方法才会被延迟。delay方法会延迟动画队列，它不会延迟代码的执行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1601108|要移除动画之后的元素，可以使用它的回调方法。示例：|1601109|$('#gallerie+ul+li:eq(1)').fadeOut(3000,+function()+{
++$(this).remove();
});|code-block|syntax|javascript|1601110|entityMap^0|0|5|X|5|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

The <code>delay</code> method is used for animations, so only animation methods that are chained after it are delayed. The <code>delay</code> method places a delay on the animation queue, it doesn't delay the execution of the code.

To remove elements after an animation, you can use it's callback method. Example:

<pre><code>$('#gallerie ul li:eq(1)').fadeOut(3000, function() {
 $(this).remove();
});
</code></pre>

blocks|key|4167964|text|The+manual+page说(实际上，相当清楚)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4167965|“在1.4版的jQuery中添加了.delay()方法，它允许我们延迟队列中它后面的函数的执行。它可以与标准效果队列或自定义队列一起使用。只有队列中的后续事件才会被延迟；例如，这不会延迟不使用效果队列的.show()或.hide()的无参数形式。”|style|CODE|4167966|remove()不会使用效果队列。|4167967|您可以使用jQuery的fadeOut()、hide()+...或者完全等同于您最初的尝试，Javascript's+basic+setTimeout+function.|4167968|希望这能有所帮助。|4167969|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/delay/|1|http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/^0|0|F|0|0|H|8|2T|7|31|7|0|0|8|0|C|9|M|6|1T|A|1A|13|1|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@$A|12|B|13|F|G]|$A|14|B|15|F|G]|$A|16|B|17|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|18|8|@$A|19|B|1A|F|G]]|9|@]|C|$]]|$1|J|3|K|5|6|7|1B|8|@$A|1C|B|1D|F|G]|$A|1E|B|1F|F|G]|$A|1G|B|1H|F|G]]|9|@$A|1I|B|1J|1|1K]]|C|$]]|$1|L|3|M|5|6|7|1L|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|W]]]]

<a href="http://api.jquery.com/delay/" rel="nofollow">The manual page</a> says (quite clearly, actually):

"Added to jQuery in version 1.4, the <code>.delay()</code> method allows us to delay the execution of functions that follow it in the queue. It can be used with the standard effects queue or with a custom queue. Only subsequent events in a queue are delayed; for example this will not delay the no-arguments forms of <code>.show()</code> or <code>.hide()</code> which do not use the effects queue."

<code>remove()</code> won't use the effects queue.

You can use jQuery's <code>fadeOut()</code>, <code>hide()</code> ... or as a complete equivalent to your original attempt, <a href="http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/" rel="nofollow">Javascript's basic <code>setTimeout</code> function.</a>

Hope that helps.

blocks|key|2570789|text|您可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2570790|setTimeout(function(){
++++++$('#gallerie+ul+li:eq(1)').remove();
},3000);|code-block|syntax|javascript|2570791|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can do:

<pre><code>setTimeout(function(){
 $('#gallerie ul li:eq(1)').remove();
},3000);
</code></pre>

blocks|key|503831|text|这样如何：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|503832|$('#gallerie+ul+li:eq(1)').animate({opacity:+1},+1250,function(){
+++++$(this).remove();
});|code-block|syntax|javascript|503833|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

how about this:

<pre><code>$('#gallerie ul li:eq(1)').animate({opacity: 1}, 1250,function(){
 $(this).remove();
});
</code></pre>

<pre><code>$('#gallerie ul li:eq(1)').animate({opacity: 1}, 1250).remove(); //results in instand remove
$('#gallerie ul li:eq(1)').delay(3000).remove(); //instant remove
$('#gallerie ul li:eq(1)').remove().delay(3000); //that didnt work either
</code></pre>

How can I remove the object after 3 seconds instead of being instantly removed?

How to remove an element after a 3 delay?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

$('#gallerie ul li:eq(1)').animate({opacity: 1}, 1250).remove(); //results in instand remove$('#gallerie ul li:eq(1)').delay(3000).remove(); //instant remove$('#gallerie ul li:eq(1)').remove().delay(3

问如何在延迟3之后删除元素？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在延迟3之后删除元素？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在延迟3之后删除元素？
EN