clearInterval nasıl kullanılır ?
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>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
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.
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.