Jquery ile Sayfanın Arkaplan Rengini Otomatik Değiştirme
Merhaba, bugünkü yazımızda Javascript Jquery kütüphanesini kullanarak sayfanızın arkaplan rengini rasgele olarak belirli aralıklarla otomatik olarak değiştirmeyi göstereceğiz. Jquery ile sayfanın arkaplan rengini 10 saniye aralıklarla değiştirmek için şu işlemleri yapacağız.
10 Saniye Aralıkla Arkaplan Rengini Otomatik Değiştirme
- Sayfanızda JQuery kütüphanesini dahil edin. Bu kütüphaneyi sayfanızda kullanmak için aşağıdaki satırı sayfanızın
<head>etiketi içine ekleyin:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
- Arkaplan rengini değiştirecek bir JavaScript fonksiyonu yazın. Örneğin, aşağıdaki fonksiyon sayfanın arkaplan rengini rastgele bir renk oluşturularak değiştirir:
function changeBackgroundColor() {
var r = Math.floor(Math.random() * 256);
var g = Math.floor(Math.random() * 256);
var b = Math.floor(Math.random() * 256);
var color = "rgb(" + r + "," + g + "," + b + ")";
$("body").css("background-color", color);
}
- Bu fonksiyonu 10 saniye aralıklarla çağırmak için
setInterval()fonksiyonunu kullanın. Bu fonksiyon belirtilen milisaniye aralıklarla belirtilen fonksiyonu çağırır. Örneğin, aşağıdaki kod parçacığı sayfanın arkaplan rengini 10 saniye aralıklarla değiştirir:
setInterval(changeBackgroundColor, 10000);
Bu kodu sayfanızın JavaScript kodunun bir parçası olarak yazabilir veya sayfanızda bir <script> etiketi içine yazabilirsiniz.
Dikkat: Bu örnek kod parçacığı sayfanın arkaplan rengini sürekli değiştirir. Eğer arkaplan rengini sadece belirli bir süre için değiştirmek istiyorsanız, setInterval() fonksiyonunu kullanarak zamanaşımı oluşturabilir ve zamanaşımı oluştuktan sonra arkaplan rengini eski haline döndürebilirsiniz.
Emlak sitemin arka planını değiştirmek harika olur bu özelliği için bunu kullanacağım faydalı bir yazı olmuş
Jquery kullanmak artık biraz çağ dışı kaldı gibi geliyor bana bu tip işlemleri vue da çok rahat yapabilirsiniz.
Yeni pek çok framework çıktı, ama Jquery günümüzde hala çok aktif kullanılmakta.
Bence video olarak anlatım da yapabilirsiniz. Kesinlikle tutacaktır, çünkü denenebilecek örnekleri izlemek isterdim. Özellikle 10 saniye aralıkla arka plan değişmesi kullanışlı bir özellik.
Javascript hakkında bilgi edinmeye bir şeyler öğrenmeye çalışıyordum. İyi oldu güzel makle.
sitemin background bölümünü beğenmiyordum bu paylaşımınız iyi oldu şimdi değiştireceğim
Güzel bir yazı olmuş. peki hocam renk kodlarını nereden göreceğiz ?
Güzel bir çalışma olmuş. Emeğinize sağlık.