есть два html кода как сделать чтобы цвета при первом открытии страницы начали меняться и уже не останавливались, то есть продолжали меняться при закрытой странице, а при открытии не начинали заново?
1 html)
<html><head>
<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">//<![CDATA[
window.onload=function(){
var rgb=0;
function cvet() {
rgb=++rgb>0xffffff?0xffffff:rgb;
color=rgb.toString(16);
color='#'+"000000".substr(color.length)+color;
if (++rgb > 0xffffff) rgb = 0;
document.getElementById("log").innerHTML=color;
return color;
}
function zapusk1() {document.getElementById("cvet1").style.backgroundColor = cvet();}
function zapusk2() {document.getElementById("cvet2").style.backgroundColor = cvet();}
function zapusk3() {document.getElementById("cvet3").style.backgroundColor = cvet();}
function zapusk4() {document.getElementById("cvet4").style.backgroundColor = cvet();}
setInterval(zapusk1, 1);
setInterval(zapusk2, 2);
setInterval(zapusk3, 3);
setInterval(zapusk4, 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">#00131e</div>
</body></html>
2 html)
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo by holden321</title>
<style type="text/css">
div {
border: 0px solid black;
width:50px;
height:50px;
float:left;
margin: auto;
text-align: center;
}
#log {position:absolute;left:0;right:0;text-align:center;}
</style>
<script type="text/javascript">
function zapusk(d) {
if (!d.rgb)
{
d.rgb = 0;
}
s = (d.rgb).toString(16);
while (s.length < 3)
{
s = '0' + s;
}
s = '#' + s;
d.style.backgroundColor = s;
//document.getElementById("log").innerHTML=s;
d.rgb+= 1;
if (d.rgb > 0xfff)
d.rgb = 0;
}
window.onload=function(){
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"></div>
<div id="cvet2"></div>
<div id="cvet3"></div>
<div id="cvet4"></div>
</div>
<div id="log">#00131e</div>
</body></html>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.