clearInterval 在 6 次 setInterval 后不起作用

Question

我想将图像更改 6 次以创建骰子改变点数的错觉（一个简单的动画）。但图像不会在 6 次后停止。我认为 clearInterval 不起作用！不知道为什么

   var d = [  "images/dado1.svg",
              "images/dado2.svg",
              "images/dado3.svg",
              "images/dado4.svg",
              "images/dado5.svg",
              "images/dado6.svg",
              ];

window.onload = function (){
                dado.onclick = move;
            }

   function move() {

                 var md = setInterval(mudaDado,500);

                }


    function mudaDado(){

      dado.setAttribute("src",d[time]);

      time++;

      if(time===6){
      clearInterval(md);

      }

    }

Answer 1

将md赋给全局变量：-

var md;
 var d = [  "images/dado1.svg",
              "images/dado2.svg",
              "images/dado3.svg",
              "images/dado4.svg",
              "images/dado5.svg",
              "images/dado6.svg",
              ];

window.onload = function (){
                dado.onclick = move;
            }

   function move() {

                 md = setInterval(mudaDado,500);

                }


    function mudaDado(){

      dado.setAttribute("src",d[time]);

      time++;

      if(time===6){
      clearInterval(md);

      }

    }