v2.5.2
Giriş yap

clearInterval nasıl kullanılır ?

onurnerde
334 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>

bhebatu
472 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.