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.

omurs

Ö S, 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








LombokLoglamaB2C (Business-to-Consumer)B2B (Business-to-Business)İçerik Yönetim Sistemi - CMS (Content Management System)Pagination (Sayfalama)Sanal Özel Ağ - VPN (Virtual Private Network)Cronjob (Zamanlanmış Görevler)Printer-YazıcıJava'daki İlkel Veri Tipleri ve Alabilecekleri DeğerlerBit & Byte ve Hafıza Boyutlarındaki Ölçüm BirimleriSanallaştırma (Virtualization)DNS KayıtlarıE-Fatura ve E-ArşivYazılım Lisans TürleriAudit (Denetim) Açık Kaynak (Open Source)Monitoring (İzleme)Sitemap & Robots.txtKilometretaşı (Milestone)BSMV (Banka ve Sigorta Muameleleri Vergisi)KKDF (Kaynak Kullanımı Destekleme Fonu)Siber Pazartesi (Cyber Monday)Black Friday (Kara Cuma)Hotlink.htaccessCryptoLockerMalwareTrojanWormDependency (Yazılım Geliştirme Sürecinde Paket Bağımlılığı)Configuration (Yazılım Geliştirme Sürecinde Yapılandırma)Yahoo ve Yahoo'nun Başarısızlık NedenleriArchiving (Yazılım Geliştirme Sürecinde Arşivleme)Görsel Dosya Türleri (Image Types)ReleaseVersioning & Tagging (Versiyonlama ve Etiketleme)BuildJob (Yazılım Geliştirme Sürecinde Görevler)SonarQubeCDATA (Character Data)Alan Adı Uzantıları (Domain Name Extensions)Regresyon Kara Kutu (Black-Box) TestBeyaz Kutu (White-box) TestGri Kutu (Grey-box) TestYazılım Geliştirme Sürecindeki Temel Test TürleriKod gözden geçirme (Code Review)Birim Testi (Unit Testing)Yazılım Sürecinde EntegrasyonJAR & WAREager & Lazy Fetch TypeMaskelemeKPI (Key Performance Indicator)KII (Key Impact Indicator)Projenin JAR Dosyasını Oluştur - JAR PathSunucu için Linux dağıtım SeçimiKonyteynerler (container technologies)Runtime & Compile Time (Çalışma ve Derleme Zamanı)@Anotasyonlar (@Annotations)

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)