Ik wil voorkomen dat dit interval in de error
-handler herhaaldelijk wordt uitgevoerd. Is dat mogelijk, en zo ja, hoe?
// example code
$(document).on('ready',function(){
setInterval(updateDiv,3000);
});
function updateDiv(){
$.ajax({
url: 'getContent.php',
success: function(data){
$('.square').html(data);
},
error: function(){
$.playSound('oneday.wav');
$('.square').html('<span style="color:red">Connection problems</span>');
// I want to stop it here
}
});
}
Antwoord 1, autoriteit 100%
Je moet de retourwaarde van setInterval
instellen op een variabele binnen het bereik van de klikhandler, en vervolgens clearInterval()
als volgt gebruiken:
var interval = null;
$(document).on('ready',function(){
interval = setInterval(updateDiv,3000);
});
function updateDiv(){
$.ajax({
url: 'getContent.php',
success: function(data){
$('.square').html(data);
},
error: function(){
clearInterval(interval); // stop the interval
$.playSound('oneday.wav');
$('.square').html('<span style="color:red">Connection problems</span>');
}
});
}
Antwoord 2, autoriteit 9%
Gebruik een variabele en roep clearInterval
aan om deze te stoppen.
var interval;
$(document).on('ready',function()
interval = setInterval(updateDiv,3000);
});
function updateDiv(){
$.ajax({
url: 'getContent.php',
success: function(data){
$('.square').html(data);
},
error: function(){
$.playSound('oneday.wav');
$('.square').html('<span style="color:red">Connection problems</span>');
// I want to stop it here
clearInterval(interval);
}
});
}
Antwoord 3, autoriteit 4%
U moet de geretourneerde waarde van de functie setInterval
toewijzen aan een variabele
var interval;
$(document).on('ready',function(){
interval = setInterval(updateDiv,3000);
});
en gebruik vervolgens clearInterval(interval)
om wis het opnieuw.
Antwoord 4, autoriteit 3%
GEBRUIK dit, ik hoop dat ik je kan helpen
var interval;
function updateDiv(){
$.ajax({
url: 'getContent.php',
success: function(data){
$('.square').html(data);
},
error: function(){
/* clearInterval(interval); */
stopinterval(); // stop the interval
$.playSound('oneday.wav');
$('.square').html('<span style="color:red">Connection problems</span>');
}
});
}
function playinterval(){
updateDiv();
interval = setInterval(function(){updateDiv();},3000);
return false;
}
function stopinterval(){
clearInterval(interval);
return false;
}
$(document)
.on('ready',playinterval)
.on({click:playinterval},"#playinterval")
.on({click:stopinterval},"#stopinterval");
Antwoord 5, autoriteit 2%
we kunnen het ingestelde interval gemakkelijk stoppen door clear interval te bellen
var count = 0 , i = 5;
var vary = function intervalFunc() {
count++;
console.log(count);
console.log('hello boy');
if (count == 10) {
clearInterval(this);
}
}
setInterval(vary, 1500);
Antwoord 6
var flasher_icon = function (obj) {
var classToToggle = obj.classToToggle;
var elem = obj.targetElem;
var oneTime = obj.speed;
var halfFlash = oneTime / 2;
var totalTime = obj.flashingTimes * oneTime;
var interval = setInterval(function(){
elem.addClass(classToToggle);
setTimeout(function() {
elem.removeClass(classToToggle);
}, halfFlash);
}, oneTime);
setTimeout(function() {
clearInterval(interval);
}, totalTime);
};
flasher_icon({
targetElem: $('#icon-step-1-v1'),
flashingTimes: 3,
classToToggle: 'flasher_icon',
speed: 500
});
.steps-icon{
background: #d8d8d8;
color: #000;
font-size: 55px;
padding: 15px;
border-radius: 50%;
margin: 5px;
cursor: pointer;
}
.flasher_icon{
color: #fff;
background: #820000 !important;
padding-bottom: 15px !important;
padding-top: 15px !important;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="steps-icon material-icons active" id="icon-step-1-v1" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="Origin Airport">alarm</i>