v2.5.2
Giriş yap

clearInterval nasıl kullanılır ?

onurnerde
355 defa görüntülendi

aşağıdaki kodda her 5 saniyede bir giriş yapılıyor bunu clearInterval ile sonlandırmak
istediğimizde nasıl bir yol izlememiz gerekir ?


<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(setInterval(function(){
  $.ajax({
   type:'GET',
   url:'ankara/bursa.php',
   data:'?galatasaray=trabzonspor',
   cache:false,
   success:function(msg){
    $('#alertbox').fadeIn('slow').prepend(msg);
   }
  }); }, 5000));
</script>
<div id="alertbox"> </div>

Cevap yaz
Cevaplar (3)
bhebatu
501 gün önce

setInterval fonksiyonunu kullanarak periyodik olarak AJAX isteği gönderdiğiniz bu kodu, clearInterval fonksiyonuyla sonlandırabilirsiniz. setInterval fonksiyonu bir zamanlayıcı oluşturur ve bir işlevi belirtilen süre boyunca düzenli aralıklarla çalıştırır. Bu işlevi sonlandırmak için oluşturulan zamanlayıcıyı clearInterval fonksiyonu ile durdurmanız gerekmektedir.

Aşağıda, setInterval zamanlayıcısını nasıl durdurabileceğinizi gösteren örnek bir kod parçası bulunmaktadır:

html
Copy code
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(document).ready(function() {
  var intervalId; // setInterval tarafından döndürülen zamanlayıcı kimliği

  // Zamanlayıcıyı başlatma
  function startInterval() {
    intervalId = setInterval(function() {
      $.ajax({
        type: 'GET',
        url: 'ankara/bursa.php',
        data: '?galatasaray=trabzonspor',
        cache: false,
        success: function(msg) {
          $('#alertbox').fadeIn('slow').prepend(msg);
        }
      });
    }, 5000);
  }

  // Zamanlayıcıyı durdurma
  function stopInterval() {
    clearInterval(intervalId);
  }

  // Başlat ve Durdur düğmelerine tıklanınca ilgili işlevleri çağırma
  $('#startButton').click(function() {
    startInterval();
  });

  $('#stopButton').click(function() {
    stopInterval();
  });
});
</script>
<div id="alertbox"> </div>
<button id="startButton">Başlat</button>
<button id="stopButton">Durdur</button>

Bu örnek kodda, startInterval fonksiyonu belirli aralıklarla AJAX isteği yaparak içeriği #alertbox içine ekler. stopInterval fonksiyonu ise clearInterval kullanarak zamanlayıcıyı durdurur. Sayfa üzerinde "Başlat" ve "Durdur" adlı düğmeler bulunmaktadır ve bu düğmelere tıklandığında zamanlayıcıyı başlatıp durdurabilirsiniz.

onurnerde
504 gün önce

paylaştığım kodu dediğiniz fonksiyon aracılığıyla nasıl dökebiliriz ?

devepdogukan
520 gün önce

setInterval'i clearInterval ile sonlandırabilirsin. Örnek olarak

let interval = setInterval(callback,time) //setIntervalin son id'sini interval adli değişkene atadık.

clearInterval(interval) //clearInterval senden setInterval'in son id'sini istiyor.Onu verdiğinde durdurabilirsin.