Рандомный выбор цвета rgb

ObjectOne > JavaScript > Рандомный выбор цвета rgb

Рандомный выбор цвета rgb

На выбор три кубика которые при нажатии рандомно красятся. Цветовая схема rgb. Вы обязательно найдёте нужный вам цвет а может и цветовую гамму! В любом случае это просто красиво.

<br /><br />
<input type="button" id="go" value="Обновить цвет" />
<br /><br />
<div class="myDiv" id="paragraf1"></div>
<div class="myDiv" id="paragraf2"></div>
<div class="myDiv" id="paragraf3"></div>

Код скрипта

/* Неудобно когда цвет бежит, так что я закомментирую этот отрывок
var int1; // для setInterval
	function vipoln() {
		int1 = setInterval("myFoo()", 200); 
	}
	
	function stope() {
		clearInterval(int1); //Через переменную выключаем setInterval
	}	
*/

document.getElementById('go').onclick = function() {
	var x = Math.floor(Math.random() * 255 + 1);
	var y = Math.floor(Math.random() * 255 + 1);
	var z = Math.floor(Math.random() * 255 + 1);
	var ble = "<div class='myDiv' style='background-color:rgb("+ x + "," + y + "," + z +");'></div>"
	var ble2 = "<div class='myDiv' style='background-color:rgb("+ z + "," + y + "," + x +");'></div>"
	var ble3 = "<div class='myDiv' style='background-color:rgb("+ y + "," + z + "," + x +");'></div>"
	document.getElementById('paragraf1').innerHTML = ble + " " + x + "," + y + "," + z;
	document.getElementById('paragraf2').innerHTML = ble2 + " " + z + "," + y + "," + x;
	document.getElementById('paragraf3').innerHTML = ble3 + " " + y + "," + z + "," + x;
}

/* Неудобно когда цвет бежит, так что я закомментирую этот отрывок

var int1; // для setInterval

function vipoln() {

int1 = setInterval("myFoo()", 200);

}

function stope() {

clearInterval(int1); //Через переменную выключаем setInterval

}

document.getElementById('go').onclick = function() {

var x = Math.floor(Math.random() * 255 + 1);

var y = Math.floor(Math.random() * 255 + 1);

var z = Math.floor(Math.random() * 255 + 1);

var ble = "<div class='myDiv' style='background-color:rgb("+ x + "," + y + "," + z +");'></div>"

var ble2 = "<div class='myDiv' style='background-color:rgb("+ z + "," + y + "," + x +");'></div>"

var ble3 = "<div class='myDiv' style='background-color:rgb("+ y + "," + z + "," + x +");'></div>"

document.getElementById('paragraf1').innerHTML = ble + " " + x + "," + y + "," + z;

document.getElementById('paragraf2').innerHTML = ble2 + " " + z + "," + y + "," + x;

document.getElementById('paragraf3').innerHTML = ble3 + " " + y + "," + z + "," + x;

}

Посмотреть пример

Количество просмотров: 1 261

| Категория: JavaScript
| Тэги: JavaScript / random / rgb

« JS Контролируем итерацию Рандомная строчка текста »