Jquery rotate:停止无限旋转

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