Programmatic gradient stops with Javascript

Posted by TomcatExodus on Stack Overflow See other posts from Stack Overflow or by TomcatExodus
Published on 2011-01-02T19:34:16Z Indexed on 2011/01/02 19:53 UTC
Read the original article Hit count: 108

Filed under:
|
|
|
|

Working with Javascript (jQuery), given 2 color values (2033ff and 3300a0 for example) how can I determine certain gradient stops between them?

Reason being is, I intend on using an array of color values:

    0 => '000000'
 8400 => 'f0ff00'
44000 => '2033ff'
68400 => '3300a0'

There being 86400 seconds in a day, 12:00AM maps to 0, and 11:59PM maps to 86399. As time passes, the background color of a specified element changes to the appropriate color in gradient list via window.setInterval(function(e){ ... }, 1000). For example 2:32:11PM = 52331, which from the example would be somewhere between 2033ff and 3300a0.

I don't need to populate the array with the values (unless that would be easier) but instead use the index and value as references.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery