Javascript 如何使用jquery将div来回旋转设定的次数

我使用了一些J-Query来使用rotate插件旋转div。问题是它一直在旋转，而我只需要旋转5次，然后停止。以下是我目前的代码：

插件：

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

---

有人能帮忙吗？

您的代码中没有限制次数或重复次数的内容，因此函数将无限期地相互调用

有更好的方法来实现这一点，但有效的方法是：

将重复次数作为属性存储在

$（“#pencil”）

的

数据中，并根据需要减少重复次数

Jquery可以使用以下接口将数据对象中的数据存储到DOM元素中：

el.data('key', val); //stores value in key
el.data('key'); //retrieve key's value


var rotation = function (times) {
    var el = $("#pencil");
    if(typeof times == 'number'){
        el.data('repeatRotation',times);
    } else {
        times = el.data('repeatRotation')-1;
        el.data('repeatRotation',times);
    }

    if(times > 0){
        $("#pencil").rotate({
            ...
        });
    }
}

只要用以下方式来称呼它：

rotation(5);

.
发布代码，代码id为“pencil”，它是一个简单的方框div，例如。。{宽度：25%；高度：50%；位置：绝对；}嗨，马斯塔姆-请你举个例子说明你的意思好吗？非常感谢，非常好用。非常感谢你的帮助。
rotation(5);