Random renk üretme

raRixo

Decapat
Katılım
16 Temmuz 2021
Mesajlar
63
Çözümler
1
Daha fazla  
Cinsiyet
Erkek
Ben bir sitede sadece renkler olsun ve bu renkler her 3 saniyede bir değişsin istiyorum renklerin komutlarını buldum ama random değişme ve kendi kendine değişme kısmını yapamadım kodlar;


<html>
<head>
<meta charset="utf-8">

<script>

function renkDegistir(renk)
{
document.body.style.background=renk;
}

</script>

</head>
<body>
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>

<button type="button" onclick="renkDegistir('yellow')">Sarı</button>

<button type="button" onclick="renkDegistir('blue')">Mavi</button>

<button type="button" onclick="renkDegistir('green')">Yeşil</button>
</body>
</html>

Burada butonla değişiyor. Ben random ve kendi kendine değişsin istiyorum (sadece bu 4 renk olursa sevinirim).

Şimdiden teşekkürler :)
 
JS'te setInterval kullanılarak yapılabilir.
 
HTML:
<html>

<head>
    <meta charset="utf-8">

    <script>

        function renkDegistir(renk) {
            document.body.style.background = renk;
        }

        var ahmetkaya = 2000
        // ahmetkaya değişkeni kaç saniyede bir rengin değişeceğini belirler. 1 saniye = 1000ms

        var uzunadam = ["red", "yellow", "blue", "green"]
        // uzunadam dizisi/arrayının içine istediğin renkleri yazabilirsin.

        setInterval(() => {
            renkDegistir(uzunadam[(Math.random() * uzunadam.length) | 0])
        }, ahmetkaya);

    </script>

</head>

<body>
    <button type="button" onclick="renkDegistir('red')">Kırmızı</button>

    <button type="button" onclick="renkDegistir('yellow')">Sarı</button>

    <button type="button" onclick="renkDegistir('blue')">Mavi</button>

    <button type="button" onclick="renkDegistir('green')">Yeşil</button>
</body>

</html>

Bunu deneyebilirsin.
 

Geri
Yukarı