jQuery Animate transform infinite [英] jQuery Animate transform infinite

问题描述

我需要设置无限旋转，但它不工作。

I need to set infinite rotating but it doesn't work.

function AnimateRotate(angle) {
    var $elem = $('.icon-repeat');

    $({deg: 0}).animate({deg: angle}, {
        duration: 5000,
        step: function(now) {
            $elem.css({
                transform: 'rotate(' + now + 'deg) infinite'
            });
        }
    });
}

这是我的代码，此行 transform： '+ now +'deg）infinite' ..
如果我移除无限它适用于一个旋转，但我需要旋转无限..
要写入JS，我想...

That is my code, and this line transform: 'rotate(' + now + 'deg) infinite' .. if I remove infinite it works for one rotate, but I need to rotate infinite.. I have to write it in JS, I think...

推荐答案

尝试这个，你应该设置重复的值。 AnimateRotate（degree，repeatcount）。

Try this, You should set the "repeat" value. AnimateRotate(degree, repeatcount).

在您的情况下，将重复计数设为无限 。 >

In your case set the repeatcount as "infinite".

function AnimateRotate(angle,repeat) {
    var duration= 1000;
    setTimeout(function() {
        if(repeat && repeat == "infinite") {
            AnimateRotate(angle,repeat);
        } else if ( repeat && repeat > 1) {
            AnimateRotate(angle, repeat-1);
        }
    },duration)    
    var $elem = $('.icon-repeat');

    $({deg: 0}).animate({deg: angle}, {
        duration: duration,
        step: function(now) {
            $elem.css({
                'transform': 'rotate('+ now +'deg)'
            });
        }
    });
}
AnimateRotate(45,"infinite");

此处演示

这篇关于jQuery Animate transform infinite的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！