5秒后如何删除动态添加的元素？

debugcn 发表于 Dev

杰克·哈丁（Jack Harding）

我正在制作一个简单的游戏，用户应单击苍蝇将其从屏幕上删除。用户放下猫时，不应单击它，我希望5秒钟后使猫gif消失（将自己从DOM中删除）。

如果这已经得到回答，我深表歉意。我很难解决这个问题，因为我的经验非常有限。这是我的第一个问题/帖子。感谢您的任何反馈：）！

$('.square').each(function(i){
    if (($('.square').eq(i)).has(".cat")){
        setTimeout(function(){
            $('.square').eq(i).find('img').remove();
    }, 5000);       
};

^这是我尝试编写的代码... .square类是构成表格的正方形，如divs网格... .cat类是指丢弃的图像。

问题是可以同时将多只猫放到屏幕上。

我需要页面来识别何时将猫掉下，将其设置为5秒钟的超时时间，然后在5秒钟后从页面中删除该特定的猫。

谢谢您的帮助：）！

var randomize = function (x) {return Math.floor(Math.random()*x)};

var startFunk = function(){
    setTimeout(function(){
        $('.square:empty')[randomize(($('.square:empty').length))].innerHTML = dropArray[randomize(dropArray.length)];
        startFunk();
    }, 500);
};

穆罕默德·优素福

可能有帮助

$('.square').each(function(i){
    if ($(this).find('.cat').length > 0){
        $(this).find('.cat').delay(5000).fadeOut(0, function(){
            // change ..^... with img 
            $(this).remove();
        });
    }
});

在这里演示

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。