Animation gets corrupted when browser tab gets inactive

Your system information

• VelocityJS version: latest from JS Bin
• Browser: All browsers
• Operating System: All OS

Checklist

• Is this an issue with code?: Yes
• Is this an issue with documentation?: No
• Have you reproduced this in other browsers?: Yes
• Have you checked for updates?: Yes
• Have you checked for similar open issues?: Yes

Please remember that this is an issue tracker, support requests should be posted on StackOverflow - see CONTRIBUTING.md

Please describe your issue in as much detail as possible:

I have animation running continuously on setInterval. Animation with two items in sequences are working fine but when adding third item to sequence, the animation gets corrupt when users open new tab and check something and come back to animation tab.

Steps for reproducing this issue (code):

1. Run the program and open new browser tab and check something for 10 seconds
2. And go back to JSbin tab to observe the animation

JSFiddle example showing issue in action (code):

https://jsfiddle.net/u41eyzhm/8/ (Does not execute setInterval well enough. Please check the jsbin link) https://jsbin.com/werafirane/1/edit?html,css,js,console,output