JavaScriptGraphics
Analog Clock
This eaxample shows the difference between two different HTML rendering methods. First method
"Fast RLE" uses RLE compression (by means of colspan attribute of the table cells) on lines
only. Second method is "Optimised RLE" - on each step it is trying to find a largest possible
square area of the same color and produces a single cell for it by manipulating both colspan
and rowspan attributes of the table.
Actually which method is faster depends on the implementation of JavaScript in your browser.
I have noticed that "Fast RLE" is usually works faster for me in Microsoft Internet Explorer and
"Optimised RLE" works faster in Mozilla.
Notation: red hand - seconds, green hand - minutes, blue hand - hours.
Fast RLE
Optimised RLE
[Fast RLE]
[Optimised RLE]
Number of cells in the output
(out of total 35x35=1225)
Rendering time (in ms.)