Рандомный цвет с JavaScript

· jQuery и JavaScript и Блог · 1 мин чтения

Получение рандомного цвета можно добиться с помощью плагина написанного на JavaScript, но это не обязательно. Так же я расскажу и про другие способы получения случайного цвета.

Демо

Для демо я использовал однострочный вариант, чтобы показать как данный снипет генерирует рандомные цвета.

Я использовал функцию setInterval(), которая запускает что-либо с определенным интервалом, например каждый три секунды.

Внутри  setInterval() я использую функцию, которую я написал в примере выше, чтобы генерировать новые цвета для заднего фона сайта.

Однострочный вариант

Ниже написан один из вариантов однострочного получения случайного цвета в JavaScript.

function generateColor() {
  return '#' + Math.floor(Math.random()*16777215).toString(16)
}

Например, вы можете прописать $color = generateColor() и теперь переменная $color будет иметь рандомный цвет.

Плагин randomColor

Так же есть замечательный плагин, который называется randomColor. Примеры того как он работает и документацию вы можно найти тут.

Комментарии