Javascript clearInterval不会停止setInterval

Question

我有一个javascript代码,使用setInterval函数每隔6秒显示一些消息:

$(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);
});

当显示最后一条消息时,我想重定向到一个URL,所以我检查了计数器,并在显示最后一条消息时放置了一个clearInterval,但是在显示最后一次按钮后它没有立即转到网址但是返回到第一条消息然后重定向,听起来像是继续循环.我该怎么办呢？

谢谢

Answer 1

返回一个interval id setInterval,你需要使用它来停止特定的间隔.

$(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>