用JS和CSS改变对象的旋转循环

我试图让图像在无限循环中在2位置之间改变其旋转。这些是2个位置，我有：用JS和CSS改变对象的旋转循环

logo.style.webkitTransform = "rotate(3deg)" 
logo.style.webkitTransform = "rotate(-3deg)"

有人能帮助我形成延迟，并把它变成一个循环。到目前为止，我所有的努力都没有奏效。（我正在尝试使用循环+ setTimeout）

或者有没有更好的方法来做到这一点？

在此先感谢

来源

2012-06-28 user1306732

试试这个，看看它是否工作

var dir = false; 

setInterval(function(){ 
    (dir == false) ? logo.style.webkitTransform = "rotate(3deg)" : logo.style.webkitTransform = "rotate(-3deg)"; 
    dir = !dir; 
}, 2000);

来源

2012-06-28 09:08:31 slash197

像一个魅力10倍的作品。 – user1306732

你可以把它们放入一个的setInterval（）JavaScript函数：

var currentDeg = 3; 

function changeRotation(deg){ 
    logo.style.webkitTransform = "rotate("+deg+"deg)"; 
    currentDeg = deg; 
} 

function setDeg(){ 
    if(currentDeg == 3){ 
    changeRotation(-3); 
    } else { 
    changeRotation(3); 
    } 
} 

setInterval(setDeg(), 500);

HTH

来源

2012-06-28 09:13:37 Jordizle

用JS和CSS改变对象的旋转循环

回答

相关问题