Javascript clearInterval nicht stoppen setInterval

Question

Ich habe einen Javascript-Code, der einige Nachrichten zeigt alle 6 Sekunden setInterval-Funktion als Gebrüll:

$(function() { 
    count = 0; 
    wordsArray = ["<h1>Offer received</h1>", "<h1>Offer reviewed</h1>", "<h1>Decision pending</h1>", "Offer accepted.</h1>"]; 

    setInterval(function() { 
     $(".lead").fadeOut(400, function() { 
      $(this).html(wordsArray[count % wordsArray.length]).fadeIn(400); 
     }); 
     if(count === 3){ 
      clearInterval(window.location.href = "www.mydomain.com"); 
     } 
     count++; 
    }, 6000); 
}); 

Wenn die letzte Meldung angezeigt wird ich an eine URL umleiten möchten, so hab ich gecheckt der Zähler und legte eine ClearInterval, wenn die letzte Nachricht angezeigt wird, aber es nicht auf die URL direkt nach der letzten Massage angezeigt wird, sondern geos zurück zum ersten und dann umleiten, klingt wie es weiterhin Schleife. Wie kann ich das bitte reparieren?

Dank

Answer 1

Ein Intervall-ID von setInterval zurückgegeben wird, müssen Sie das verwenden, insbesondere Intervall zu stoppen.

$(function() { 
 
    count = 0; 
 
    wordsArray = ["<h1>Offer received</h1>", "<h1>Offer reviewed</h1>", "<h1>Decision pending</h1>", "<h1>Offer accepted.</h1>"]; 
 

 
    var intervalTimer = setInterval(function() { 
 
    $(".lead").fadeOut(400, function() { 
 
     $(this).html(wordsArray[count % wordsArray.length]).fadeIn(400); 
 
    }); 
 
    if (count === 3) { 
 
     clearInterval(intervalTimer); 
 
    } 
 
    count++; 
 
    }, 6000); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="lead"></div>