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
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