Javascript ile Geri Sayım İşlemi Yapmak

Bu dersimizde javascript ile geriye doğru saydırmanın nasıl olacağını göreceğiz. Ders kısa olduğu için videolu olarak hazırlamak istemedim. Şimdi bu işlemlerimizi mantık olarak bir function içinde değişkene belirteceğiz. Bu değişken kaç saniyeden geriye sayacağını belirleyen sayı değerine sahip olacak. Sonrasında setTimeout ile hazırladığımız functionu 1 saniyede bir yenileyeceğiz.

Şimdi kodlarımızı yazalım ve açıklamamızı yapalım.

var say = 5; 
function geri(){
if(say >0){
document.getElementById(say).innerHTML = <b>Lütfen Bekleyiniz + c +' Saniye Kaldı';
say = say - 1;
setTimeout(geri(), 1000)
}else{
document.getElementById(say).innerHTML = unescape(Geri sayma işlemi tamamlandı.);
}
}
fc();

Şimdi yukarıda yaptığımız işlemleri açıklayalım.

var ile say adında bir değişken oluşturuyoruz. Sonra functionumuzu yazıyoruz. say adındaki değişkenimiz 0 dan büyük olduğu sürece şu işlemleri yap demek için if ve else koşullarını belirttik.

Şimdi <div id=say></div> diye gelen verileri yazacağımız alan oluşturuyoruz. document.getElementById seçisi ile içeriğine yazı yazacağımız say id sini seçiyoruz. innerHTML ile bu divin içine şunu yaz diyoruz. Altında ise say değişkeninden 1 değer eksiltiyoruz. Böylece her saniye 1 azalacak. Her saniye bunun çalışması için ise; setTimeout komutu ile geri(); functionumuzu saniyede bir çalışması için 1000 yazıyoruz. Böylece 0 dan büyük oldukça bu değerler yazılacaktır.

Sayma işlemi bittikten sonra else ifadesi çalışacaktır. Else alanında ise innerHTML ile işlem tamamlandı yazısını yazdırıyoruz. Böylece geri sayım işlemi bitmiş oluyor.

Bunu nerede kullanabiliriz?

Örneğin: Download linki vereceksiniz o zaman kullanıcıları bekletmek için bu şekilde bekletebilirsiniz. Else ifadesinde ise tmam yerine linkin kodlarını koyabilirsiniz. Javascript ile işlemimiş bu şekilde işlemektedir.
- 04.05.2013 / 13:04:49 1

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

Genel Makaleler

Webmasterlıktan Sonraki İşim | Özel Güvenlik Görevlisi

Kategori: Genel Makaleler | 23.07.2013
Php Dersleri

Php ile Hava Durumu Botu Yapmak

Kategori: Php Dersleri | 03.05.2013
Genel Makaleler

Google Aramalarında Yazar Resmi Çıkarma

Kategori: Genel Makaleler | 02.10.2013
8:51 Javascript

Javascript'te Switch Case Yapısının Kullanımı

Kategori: Javascript | 27.11.2013
9:21 Php Dersleri

Php ile Mysql Kayıt İşlemi | insert

Kategori: Php Dersleri | 03.05.2013

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.