allcoma3

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>путешествие во времени</title>

<style type="text/css">

div {
border: 0px solid black;
width:50px;
height:50px;
float:left;
margin: auto;
text-align: center;
}

#log {text-align:right;}

</style>


<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);
}

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;

}


window.onload=function(){

var n=(((Math.ceil(Math.random() *2))*255))-255; // черно белое 0 и 255 случайно
var o = 1111; // число скачков
var m = 12345; // пройденное время в секундах
var a = 9999999999; // пройденное время в секундах максимальное
var b = 0.001; // 1 цвет в солько секундах
var c = a/b; // такой цвет через пройденное время
var t = 255; // диапазон количество цветов
var f = Math.floor(c);
var u = c/t;
var q = Math.floor(u);
var z = t*q;
var x = f-z;
var e = Math.floor(c)-t*(Math.floor((c)/t)); // перевод такого цвета через пройденное время  в заданный диапазон цветов
var v = Math.floor(a/b)-t*(Math.floor((a/b)/t)); // перевод такого цвета через пройденное время  в заданный диапазон цветов
var p = (((Math.floor(a/b)-t*(Math.floor((a/b)/t)))*o)+(Math.floor(m/b)-t*(Math.floor((m/b)/t)))); // скачки во времени
var r = Math.floor((((Math.floor(a/b)-t*(Math.floor((a/b)/t)))*o)+(Math.floor(m/b)-t*(Math.floor((m/b)/t)))))-t*(Math.floor(((((Math.floor(a/b)-t*(Math.floor((a/b)/t)))*o)+(Math.floor(m/b)-t*(Math.floor((m/b)/t)))))/t)); // скачки во времени  в заданный диапазон цветов
var s = (((Math.ceil(r *2))*255))-255; // скачек в черно белое 0 и 255 случайно
var h = 3; // шаг цветов

init(document.getElementById('cvet1'), 1, 1, Math.floor((((Math.floor(a/(b+1))-t*(Math.floor((a/(b+1))/t)))*o)+(Math.floor(m/(b+1))-t*(Math.floor((m/(b+1))/t)))))-t*(Math.floor(((((Math.floor(a/(b+1))-t*(Math.floor((a/(b+1))/t)))*o)+(Math.floor(m/(b+1))-t*(Math.floor((m/(b+1))/t)))))/t)), 1, 1, h);
init(document.getElementById('cvet2'), 1, 1, Math.floor((((Math.floor(a/(b+2))-t*(Math.floor((a/(b+2))/t)))*o)+(Math.floor(m/(b+2))-t*(Math.floor((m/(b+2))/t)))))-t*(Math.floor(((((Math.floor(a/(b+2))-t*(Math.floor((a/(b+2))/t)))*o)+(Math.floor(m/(b+2))-t*(Math.floor((m/(b+2))/t)))))/t)), 1, 1, h);
init(document.getElementById('cvet3'), 1, 1, Math.floor((((Math.floor(a/(b+3))-t*(Math.floor((a/(b+3))/t)))*o)+(Math.floor(m/(b+3))-t*(Math.floor((m/(b+3))/t)))))-t*(Math.floor(((((Math.floor(a/(b+3))-t*(Math.floor((a/(b+3))/t)))*o)+(Math.floor(m/(b+3))-t*(Math.floor((m/(b+3))/t)))))/t)), 1, 1, h);
init(document.getElementById('cvet4'), 1, 1, Math.floor((((Math.floor(a/(b+4))-t*(Math.floor((a/(b+4))/t)))*o)+(Math.floor(m/(b+4))-t*(Math.floor((m/(b+4))/t)))))-t*(Math.floor(((((Math.floor(a/(b+4))-t*(Math.floor((a/(b+4))/t)))*o)+(Math.floor(m/(b+4))-t*(Math.floor((m/(b+4))/t)))))/t)), 1, 1, h);

setInterval(function(){zapusk(document.getElementById('cvet1'))}, 1);
setInterval(function(){zapusk(document.getElementById('cvet2'))}, 2);
setInterval(function(){zapusk(document.getElementById('cvet3'))}, 3);
setInterval(function(){zapusk(document.getElementById('cvet4'))}, 4);

}

</script>
</head>

<body>

<div style="width:100px; height:100px; border:0px">
<div id="cvet1"style="background-color: rgb(0, 0, 0);"></div>
<div id="cvet2"style="background-color: rgb(0, 0, 0);"></div>
<div id="cvet3"style="background-color: rgb(0, 0, 0);"></div>
<div id="cvet4"style="background-color: rgb(0, 0, 0);"></div>
</div>

<div id="log">#ffffff</div>
</body></html>