Programmatic gradient stops with Javascript
- by TomcatExodus
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.