jQuery旋转：停止无限旋转

Question

我正在使用这个插件http://code.google.com/p/jqueryrotate/

var angle = 0;
setInterval(function(){
  angle+=3;
 $("#img").rotate(angle);
},50)

我想在单击#img 时停止旋转，但这不起作用。

$("#img").stopRotate();

有没有办法停止 setInterval？

Answer 1

如果您将 setInterval 调用存储在变量中，则可以在其上调用 clearInterval 以停止它。

var angle = 0;
var interval = setInterval(function(){
    angle+=3;
    $("#img").rotate(angle);
},50)

$("#img").click(function() {
    clearInterval(interval); // stick the clearInterval in a click event
});