Otomatik arka plan rengini değiştirme (Javascript & HTML)
Merhaba arkadaşlar.Bu konumuzda siteniz için otomatik olarak değişen site arka plan rengi nasıl yapılır onu göstereceğiz. Aşağıdaki javascript fonksiyon ile css ye komut vererek otomatik olarak sayfanin renk değiştirmesini sağlıyoruz.Süre ayarını kodların içindeki 5000 yazan kısmı değiştirerek yapabilirsiniz.5000=5 saniye.
Kodları çalıştırmadım ama çalışıyor olması gerekiyor sorun yaşayanlar yorum yaparsa yardımcı olmaya çalışırım.İyi çalışmalar.
Kodları çalıştırmadım ama çalışıyor olması gerekiyor sorun yaşayanlar yorum yaparsa yardımcı olmaya çalışırım.İyi çalışmalar.
<html>
<head>
<style>
body {
background: blue; /* initial color */
transition: background .5s; /* .5s how long transition should take */
}
</style>
<script>
var colors = ['green', 'orange', 'blue'];
var active = 0;
setInterval(function(){
document.querySelector('body').style.background = colors[active];
active++;
if (active == colors.length) active = 0;
}, 5000);</script>
</head>
<body>
</body>
</html>
cok guzel tsk
YanıtlaSil