How to check when Marquee has finished looping? (Dynamically)

Question

Crafted this real quick for an example:

e = document.getElementById('STACKME');
ticker=0;
checkloop = setInterval(function(){
    console.log(e);
    ticker++;
    if(ticker > 5){
        clearInterval(checkloop);
    }

}, 100);

See on jsFiddle : http://jsfiddle.net/jzau7bhf/1/

Now, I could simply just use that code above and it times perfectly with that given text. Problem is.. if that text is let's say.. over 2000 characters long, this script wouldn't be accurate and the timing would be off.

With that said, is it possible to check if the <marquee> attribute has finished looping?

Answer 1

How about the onfinish event?

var e = document.getElementById('STACKME');
e.onfinish = function(){
    console.log('completed');
};

Answer 2

The marquee element has a set of event handlers. You should note that this tag is non-standard at this point in time, and you should use other methods to implement this behaviour.

See this SO question & answer for an example:

CSS3 Marquee Effect