javascript - 旋转间隔

Question

可能重复：
悬停时的连续 CSS 旋转动画，悬停时动画回到 0 度

我想要一个不断旋转的正方形。我有这个代码：

var gearBig = $('.gear-big');

gearBig.css({
    'transform': 'rotate(42deg)',
    '-moz-transform': 'rotate(42deg)',
    '-o-transform': 'rotate(42deg)',
    '-webkit-transform': 'rotate(42deg)'
});

如何在此代码中放置一个间隔？那个gearBig一直在旋转？

谢谢

Answer 1

你可以使用像JQuery Rotate这样的插件

Answer 2

var deg = 0;

setInterval(rotate_my_big_ass_gear, 100);

function rotate_my_big_ass_gear() {
    $('.gear-big').css({
        'transform': 'rotate(' + (deg++) + 'deg)',
        '-moz-transform': 'rotate(' + (deg++) + 'deg)',
        '-o-transform': 'rotate(' + (deg++) + 'deg)',
        '-webkit-transform': 'rotate(' + (deg++) + 'deg)' //adds 4 on each iteration
    });
}​

小提琴