Javascript clearinterval似乎不会停止旋转

我的主页上有一个用jquery制作的旋转横幅。它使用以下时间间隔

    var countBlackButtons = $(".blackitems").size();
    var changeTrigger = 0;
    var changeIndex = 1;
    function startNewChange() {
      clearInterval(changeIndex);
      changeTrigger = setInterval(function () {
        changeIndex = changeIndex + 1;

        if(changeIndex != (countBlackButtons + 1)) {
          $("#hpbutton" + changeIndex).trigger("click");
        } else {
          changeIndex = 0;

        }
        //$("#homepageCaroselHolder").css({ "background": "url( " + eval("itembg" + changeIndex) + ")" });

      }, 4000);

这是完美的运行远离我想停止旋转时，有人点击一个按钮。我查看了clearinterval并认为这将完成我需要它完成的任务：

$("#hpbutton1").click(function() {

  currentItem = itembg1;

  itemcount = 1;



  $("#homepageCaroselHolder").fadeOut(function() {

  $("#homepageCaroselHolder").css({ "background": "url(/media/284/jqueryhompepagecaroselbackground.jpg)" });

      $("#homepageCaroselHolder").fadeIn();

  });

  //clear interval



  clearInterval(changeTrigger);



});

---

但它只是继续旋转。。。还有什么我可以用来停止旋转的吗？

这可能是因为如果您多次调用

startNewChange

，您将有多个间隔运行，因为

clearInterval（changeIndex）不清除任何内容（应为
清除间隔（changeTrigger）；
）