jquery不断旋转答案

【问题标题】：jquery constant rotationjquery不断旋转
【发布时间】：2012-02-01 01:24:29
【问题描述】：

谁能给我看一个简单的旋转脚本

<img src="xxx.jpg" id="image">

我读过Howto rotate image using jquery rotate plugin?，但我仍然无法让它工作，我也看过http://code.google.com/p/jqueryrotate/wiki/Examples#Example_3，但似乎找不到他们的代码......

有人可以帮帮我吗？

谢谢！

【问题讨论】：

标签： jquery rotation

【解决方案1】：

代码就在示例的正下方...

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

【讨论】：

谢谢，之前试了不知道为什么不行。不过有个问题，我在一张非常大的背景图片上使用它，你知道我怎样才能让它像谷歌示例一样流畅吗？
@LearningDaily - 为了让它更顺畅，增加 setInterval 周期。这将导致更频繁的更新。您也可以减小角度。请注意，您执行的处理越多，浏览器必须执行的工作就越多。您可以看到我的答案以及版本 /1 和 / 之间的区别

【解决方案2】：

您可以尝试只设置旋转变换而不是依赖插件。这不会涵盖所有浏览器类型，但会涵盖大型现代浏览器。

http://jsfiddle.net/YgBMa/1

var angle = 0;
setInterval(function() {
    console.log(angle);
    $("#image")
        .css('-webkit-transform', 'rotate('+angle+'deg)')
        .css('-moz-transform', 'rotate('+angle+'deg)')
        .css('-ms-transform', 'rotate('+angle+'deg)');
    angle++;
}, 100);

【讨论】：

有没有办法让它在 10 秒后停止？