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.

omurserdarr

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

Etiketler

js 

Beğeni