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


Yıllara Göre Gönderiler








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)