Рандомный(случайный) цвет на JS.

← Назад в записки веб-программиста

Рандомный(случайный) цвет на JS.

jsрандомный цветслучайный цвет

Предлагаю интересное решение для генерации случайного цвета на js. Генерируется случайный шестнадцатиричный hex код и забивается в атрибут style в нужный блок в качестве цвета или фона, как хотите. Разукрашивайте блоки и текст на своем сайты, диаграммы и графики и т.д.

	<script type="text/javascript" src="http://yandex.st/jquery/2.0.3/jquery.min.js"></script> 	//подключаем jquery	<script type="text/javascript">		var randomcolor;	//создаем переменную		function get_random_color() {			randomcolor="#"+((1<<24)*Math.random()|0).toString(16); 			//генерация hex-кода вида #000000-#FFFFFF		}		$(document).ready(function(){ //после загрузки документа			$('p').each(function(){				get_random_color(); //запускаем функцию				$(this).css('color',randomcolor); //для каждого p добавляем атрибут style="color:#код;"			});		});	</script>	<p>Текст  1</p>	<p>Текст  2</p>	<p>Текст  3</p>				

Так будет выглядеть html:

	<p style="color: rgb(207, 41, 71);">Текст 1</p>	<p style="color: rgb(81, 230, 7);">Текст 2</p>	<p style="color: rgb(174, 102, 169);">Текст 3</p>				
ДемоСмотреть демо