javascript - 动画图像离开屏幕后，如何删除它们？

Question

所以，我想做一个 cookie clicker 类型的游戏，当点击屏幕时，我想让一个动画图像从屏幕顶部掉下来。我很确定即使我看不到它们，图像也会堆积起来。一旦它们离开屏幕，必须有一种方法可以将它们删除。它会是一个if语句吗？就像，一旦它达到某个尺寸，删除图像？请帮帮我。:D

标签： javascripthtml

Answer 1

您可以运行一个独立的作业，该作业根据条件（隐藏图像）选择要删除的 DOM 元素/图像，而不是在您的代码中放置“if”条件，其中动画图像/s 从屏幕顶部掉落.

setInterval(function(){
    //code to select the relevant images based on css class/ other conditions 
    //like position on page etc and then remove them.
    $('img.hidden').remove();
},1000);