jquery - 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
});