1. Anasayfa
  2. Javascript
  3. Paragrafın Her Saniyede Yazı Renginin Değiştirilmesi

Paragrafın Her Saniyede Yazı Renginin Değiştirilmesi

paragrafin-her-saniyede-yazi-renginin-degistirilmesi (büyük resim için tıklayın)

Merhaba, her saniyede yazı rengini değiştirmek için aşağıdaki gibi stil örnekleri oluşturdum.

  • <style> 
    • .red { color:red; } 
    • .green { color:green; } 
    • .blue { color:blue; } 
    • .yellow { color:yellow; } 
    • .gray { color:gray; } 
  • </style>

Sonrasında randomColor isminde bir fonksiyon oluşturdum. Bu fonksiyon, stil isimlerini içeren bir diziden rastgele eleman return ediyor.

  • function randomColor() { 
    • var colors = ["red","green","blue","gray","yellow"]; 
    • return colors[Math.floor(Math.random() * colors.length)]; 
  • }

Daha sonra objChFColor isminde parametre olarak objeyi vereceğim ve verdiğim objenin prop fonksiyonu ile class içeriğini yukarıda bahsedilen randomColor fonksiyonundan return edilen stil örneği ile değiştirecek olan fonksiyonu oluşturdum.

  • function objChFColor(obj){ 
    • $(obj).prop("class",randomColor()); 
  • }

Son olarak setInterval fonksiyonu ile her 1 saniyede (1000) çalışacak olan fonksiyonumu ve objemi belirttim.

  • setInterval(function(){objChFColor("p");},1000);

şimdilik bu kadar.

iam

Ömürcan Serdar, 30 Ağustos 2018 Perşembe 15:30 tarihinde kayıt oldu

Etiketler

js 

Beğeni

Toplam Beğeni Sayısı: 1

Yıllara Göre Gönderiler

HIT 3

Görüntülenme Gönderi
3005 Faktöriyel
2871 LRU sayfa yer değiştirme algoritması (LRU-Least Recently Used page replace algorithm)
2351 Php ile Farklı Sayfadan Veri Çekme (CURL)

javascript Kategori

Input Üzerinde Otomatik Mail Tamamlama

Bugünün Timestamp Değerine Erişmek (Get Today Timestamp)

Jquery ile Klavye Girişindeki Basılan Tuşu Okumak (Get Key on Keypress in Text With Jquery)




sitemap

2018 - 2024