I need a java script framework for displaying and computing a large amount (1000+) of countdowns on one page, simultaneously.
The design of the countdown should be exactly like the one on this page: [url removed, login to view], but without the animation.
Following rules apply to the countdown:
• The countdown should display milliseconds with 3 digits always
• Minutes, hours and seconds have to show always two digits (so with a leading zero if < 10)
• The countdown should display days with at least 2 digits, up to unlimited
• No animation
The framework should be designed, so that the countdowns run smoothly and cause the lowest possible cpu utilization.
The framework should use an array of UNIX timestamps as an input parameter to create the countdowns. It should create one countdown for each timestamp in the list and map it to the corresponding div. countdown0, countdown1, countdownN...
Performance Hint: With each cycle all countdowns should be updated in one callback (reffering to the setInterval method in JS), instead of initiating a callback for each countdown, unless you come up with a better solution.
The performance goal is: 1000 simultaneously running countdowns should run with at least 1 frame per second in the Google Chrome browser. My current prototype attached has about 10 frames per second.