SetInterval Slugish In IE 8 At 50 Times A Second

So currently I have an animation of a bouncing object which is playing at 20 times a second 1000/50 = 20 times a second The code is the following, you can assume all variables

Solution 1:

New discovery: Internet Explorer sucks.

Well, at least IE8 and older. IE9 has fine performances.

The problem with timed functions triggered by setTimeout and setInterval is that the browser attempts to execute the functions when the time is due, but this actually happens only if it's idle. And since Internet Eplorer <9 is so slow, and is always "late" for something, you can understand why that animation isn't good.

The problem is that everytime you execute a "frame", IE8 takes more than 50 milliseconds to accomplish all the tasks caused by calculations and DOM changes.