Question

I have run in to a problem I do not know how to code in JavaScript really. The thing is I would like to be able to create a lot of objects added to an Array. when objects are created to be added to this array they will have a “lifetime”. When this lifetime runs out this object should be removed from the array.

What Im trying to build here is a particle system where particles will vanish from being rendered after the particles lifetime in question have expired.

Anyone who have a good idea or example for this?

I have thought about using setTimeout, setInterval and clearInterval but not sure how this would be most effective.

Answer 1

Something like this?

Update for Felix Kling:

var a = [], next = function() {
    a = a.slice(0,-1);
    document.body.innerHTML += a.length + "<br />";
    if (a.length != 0)
        setTimeout(next, 100);
};
for (var i = 0; i < 100; i++) {
    a.push({hi: 1});
}
setTimeout(next, 100);​