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