Kategoriler
Kodlama

Rastgele renk, JavaScript

Rasgele renk kodu oluşturan bir fonksiyon yazıp bunu sayfanın arka planını değiştirmesini sağlayan bir örnek.

Bu kod örneğinde sayfanın background-color(arka plan rengi) sitiline rastgele renk atıyoruz, bunu zamanlayıp 1 dakika boyunca yarım saniyede bir 1 arka plan renginin değişmesini sağlıyoruz.

Random Background Color
function RandomColor() {
  var randomColor = Math.floor(Math.random() * 16777215).toString(16);
  document.body.style.backgroundColor = "#" + randomColor + "65";
  document.getElementById("colorinfo").innerHTML = randomColor;
}
var interval = setInterval(RandomColor, 500);
setTimeout(function () {
  clearInterval(interval);
}, 60000);

//500 değişim sıklığı (yarım saniye)
//60000 toplam çalışacağı süre (1dakika)

Bu kod örneğini farklı ihtiyaçlar için farklı şekillerde kullanabilirsiniz, içerdiği renk kodunun sonuna 65 ekleme nedenim koyu görüntü istemem, ve HTML’in arka planına #000 atamam da bu yüzden siz değiştirebilirsiniz.

Bunu ben wolkanca.com.tr’ın Chrome eklentisi için yaptım ondan da test edebilirsiniz.

Kaynak: https://css-tricks.com/snippets/javascript/random-hex-color/

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr