jQuery ile Kronometre Yapımı

Önceki makalelerim arasında jQuery ile Artan/Azalan Sayaç Yapımı mevcuttu fakat buna benzer farklı ihtiyaçlar için çözüm üretmekte zorlanananlar olabilir. Nitekim oldu da. Ben de farklı bir yöntem izleyerek yeni bir sayaç oluşturdum. Burada jQuery ile basit bir kronometre yapımını göreceğiz. Sonrasında siz dilediğiniz gibi şekillendirerek kullanabilirsiniz. Yapmış olduğumuz örnekte amacımız başlat butonuna bastığımızda sayacın arkaplanda çalışmaya başlaması ve durdur dediğimizde ise bize o anki sonucu göstermesi. Örneğe göz atalım bakalım bunu başarabilmiş miyiz. Demoda görüldüğü gibi bunu başarmışız fakat bu şekilde değil de sürekli gözüken bir kronometre istiyorsanız style.css dosyanıza eklemeniz gereken 2 kod bloğunu eklememeniz veya eklemişseniz silmeniz yeterli olacaktır. Dosyaları indirmek için…

Devamını Oku ›

jQuery ile Artan/Azalan Sayaç Yapımı

Sayılar, biz farkına varmasak da web sitelerimizin önemli bir kısmında yer almaktadır. Yazıların okunma sayısı, dosyaların indirilme sayısı, ürünlerin fiyatları ve web sitelerin daha birçok yerinde sayısal veriler kullanılmaktadır. Günümüz internet sitelerinde durağan tasarımlardan çok dinamik tasarımlar ilgi gördüğünden sayılar da bunların dışında bırakılamazdı. jQuery sayesinde en basit şekilde nasıl artan veya azalan bir sayaç yapabiliriz görelim. Öncelikle sayaç kodunu HTML dosyasına eklemeliyiz. Sayaç kodunu aşağıdaki şekilde ekleyebilirsiniz. <b class=”timer” id=”sayac” data-from=”1″ data-to=”99″ data-speed=”5000″></b> Buradaki sayacımız bize 1’den başlayıp 99’a kadar sayma işlemini yapacaktır. Görüldüğü üzere data-from değeri sayacın başlangıç değerini, data-to değeri ise sayacın bitiş değerini alır. data-speed değerini açıklamadan…

Devamını Oku ›
kod.gen.tr