Home » , » JavaScript Pengacak Warna

JavaScript Pengacak Warna

Kode Heksa Warna Acak

"#"+((1<<24)*Math.random()|0).toString(16);

Deret Warna Terdaftar

Mendapatkan warna secara acak berdasarkan barisan warna yang sudah terdaftar:

// Deret warna
var colors = ["#345", "#292222", "#990000", "black", "#ffa500", "#fff3db"];
// Mengambil warna secara acak dari array `colors`
// dan memasukkan hasilnya ke dalam variabel `a`
var a = colors[Math.floor(Math.random()*colors.length)];

Pembaharuan

Yang ini sedikit panjang, tapi hasilnya lebih stabil dibandingkan dengan yang pertama, serta bisa menghasilkan urutan warna yang lebih indah. Dalam beberapa kesempatan, Saya melihat kode pengacak warna yang pertama menghasilkan warna yang tidak valid (pengacak warna hanya menggenerasikan lima digit kode saja, bukannya enam digit seperti yang seharusnya):

function getRandomColor() {
var letters = '0123456789ABCDEF'.split(''),
color = '#';
for (var i = 0; i < 6; ++i) {
color += letters[Math.round(Math.random() * 15)];
}
return color;
}

Penggunaan

document.body.style.backgroundColor = getRandomColor();
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Homtimpa - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger