javascript - ClearInterval() 不会停止我的旋转功能

Question

我正在使用 jQuery Rotate 插件，将图像旋转 90 度，然后停止旋转。

我的问题是，即使在调用clearInterval()之后它也不会停止旋转；

$(document).ready(function() {
    var finalAngle;
    var intval = setInterval(function func() 
    {
      $("#myimg").rotate(1);
      if(typeof func.angle == 'undefined' )
      {
           func.angle = 0;
      }

      func.angle += 1;

      finalAngle = func.angle;

    }, 1);

    if(finalAngle == 90)
    {
      clearInterval(intval);
    }
});

基本上我所做的就是(静态)计算 Angular ，一旦达到 90，就调用clearInterval 函数。我必须引入另一个变量来存储计数，以便我可以在 setInterval 函数之外访问它。

Answer 1

这很容易。调用 setInterval，然后评估 finalAngle 的条件，并在一毫秒后调用旋转函数。因此，当 finalAngle 为 90 时，永远不会调用 clearInterval。

此代码应该适合您:

$(document).ready(function() {

    var intval = setInterval(function func() 
    {
      $("#myimg").rotate(1);
      if(typeof func.angle == 'undefined' )
      {
           func.angle = 0;
      }

      func.angle += 1;

      if (func.angle == 90)
      {
        clearInterval(intval);
      }    
    }, 1);  
});