Şimdi Ara

GERİ SAYIM SAYACI DURDURMA...

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
3 Misafir - 3 Masaüstü
5 sn
4
Cevap
0
Favori
749
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Merhaba arkadaşlar kolay gelsin.

    Bir geri sayım sayacım var ama ne denediysem 0.0.0.0 olduğunda durmuyor.

    Eksi(-)'den yukarı doğru devam ediyor. Bunu nasıl durdurup. "Süre Doldu" gibi bir mesaj yazabiliriz. Yardımcı olabilir misiniz ?

    .js Dosyam :


    (function($) {

    $.fn.gerisayim=function(options) {

    var ayarlar= {'date' : null };

    if(options) {

    $.extend(ayarlar,options)

    }


    div=$(this);

    function geri_say() {

    hedefTarih=Date.parse(ayarlar['date']) / 1000;

    simdikiTarih=Math.floor($.now()/1000);

    saniye=hedefTarih-simdikiTarih;

    gunler=Math.floor(saniye / (60*60*24));
    saniye -= gunler*60*60*24;

    saatler=Math.floor(saniye / (60*60));
    saniye -= saatler*60*60;

    dakikalar=Math.floor(saniye / 60);
    saniye -= dakikalar*60;

    gunler=(String(gunler).length <2) ? '0'+gunler : gunler;
    saatler=(String(saatler).length <2) ? '0'+saatler : saatler;
    dakikalar=(String(dakikalar).length <2) ? '0'+dakikalar : dakikalar;
    saniye=(String(saniye).length <2) ? '0'+saniye : saniye;

    div.find('.gun').text(gunler);
    div.find('.saat').text(saatler);
    div.find('.dakika').text(dakikalar);
    div.find('.saniye').text(saniye);

    }

    geri_say();

    interval = setInterval(geri_say, 1000);
    }


    }) (jQuery);

    HTML Kodum :

    <div id="gerisayim">

    Kalan Süre :<br>
    <table border="0" width="100%">
    <tr>
    <td><h4 class="gun">00</h4> gün
    </td>
    <td>

    00

    saat
    </td>
    <td>
    <h4 class="dakika">00</h4> dakika
    </td>
    <td>
    <h4 class="saniye">00</h4> saniye</td>
    </tr>
    </table>


    </div>

    <script type="text/javascript" src="/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="/jquery.bvalidator.js"></script>
    <script>



    $(document).ready(function() {


    $('#gerisayim').gerisayim({date: '<?php echo $tarih;?>'});
    });
    </script>







  • Ben olsaydim, sayfaya hidden bir input koyar, ona "countDownActive" gibi bir boolean data'si set eder, her geri sayma fonksiyonunda onu kontrol ederdim.
    Durdurmak istedigimde o input'un degerini degistirip birakirdim.

    Biraz gec cevap olmus ama simdi gozume carpti.

    < Bu ileti tablet sürüm kullanılarak atıldı >
  • Ben javascript'i yeni yeni öğrendim çok bilgili değilim kendimi geliştirmeye çalışıyorum ama tam olarak nasıl uygulayacağını bilmesemde sorunun kaynağı setInterval'da sayaç 0 olduğunda kod bloğunu çalıştırmaya hala devam ediyor, tam emin değilim ama bi if döngüsüyle saniye,günler vb. değişkenlerini 0 olduğu zaman clearInterval(interval); ile durdurman lazım.
     
    if(günler == 0 && saatler == 0 && dakikalar == 0 && saniye == 0){
    clearInterval(interval);
    }

    tarzı bi yapı kullanman gerekiyor. Uzun lafın kısası çözümümün clearInterval'de.
    Kolay gelsin
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.