JSFiddle - React, Tailwind, and code Playground
by allcoma
HTML
<title>Document</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://boedesign.com/demos/gritter/js/jquery.gritter.js"></script><!-- тырим плагин -->
<link rel="stylesheet" type="text/css" href="http://boedesign.com/demos/gritter/css/jquery.gritter.css" />
<script type="text/javascript">
function init(d, r, g, b, r1, g1, b1) {
d.colors = new Array();
d.colors.push(r);
d.colors.push(g);
d.colors.push(b);
d.colors.push(r1);
d.colors.push(g1);
d.colors.push(b1);
}
interval = []
once= true
function zapusk(d) {
s = '#';
for (var i = 0; i < 3; i++) {
d.colors[i] += d.colors[i + 3];
if (d.colors[i] < 0) {
d.colors[i] = 0;
d.colors[i + 3] = -d.colors[i + 3];
}
if (d.colors[i] > 0xff) {
d.colors[i] = 0xff;
d.colors[i + 3] = -d.colors[i + 3];
}
s1 = Math.floor(d.colors[i]).toString(16);
while (s1.length < 2) {
s1 = '0' + s1;
}
s += s1;
}
d.style.backgroundColor = s;
}
function start() {
var h = $('#i0').val()||10; // шаг цвета
var o = parseInt($('#i1').val())||1111; // число скачков
var m = parseInt($('#i2').val())||12345; // пройденное время в секундах
var a = parseInt($('#i3').val())||9999999999; // пройденное время в секундах максимальное
var b = parseInt($('#i4').val())||0.001; // 1 цвет в столько секундах
var c = parseInt($('#i5').val())||a / b; // такой цвет через пройденное время
var t = parseInt($('#i6').val())||255; // диапазон количество цветов
var k = parseInt($('#i7').val())||1; // время изменения цвета
var l = parseInt($('#i8').val())||0; // номер цвета
$('#i0').val(h)
$('#i1').val(o)
$('#i2').val(m)
$('#i3').val(a)
$('#i4').val(b)
$('#i5').val(c)
$('#i6').val(t)
$('#i7').val(k)
$('#i8').val(l)
var f = Math.floor(c);
var u...