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.

  • Volkan Yılmaz
  • Yazı tarihi 6 Mayıs 2021
JavaScript - Random Colors
JavaScript - Random Colors

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.

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’ın Chrome eklentisi için yaptım ondan da test edebilirsiniz.

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