Javascript 如何设置此旋转的动画?
库旋转图像 在上面的示例中,它确实会旋转,但我想设置它的动画。 我使用setInterval(),但它不起作用:Javascript 如何设置此旋转的动画?,javascript,Javascript,库旋转图像 在上面的示例中,它确实会旋转,但我想设置它的动画。 我使用setInterval(),但它不起作用: window.onload = function(){ var elem = document.getElementById("im"); setInterval(function (){Rotate(elem, Math.PI/6)}, 1000/30); } 有机会给它制作动画吗?使用此库的正确方法是什么?为什么要使用JS? 这将使用CSS3实现(这比CSS3好得多)——
window.onload = function(){
var elem = document.getElementById("im");
setInterval(function (){Rotate(elem, Math.PI/6)}, 1000/30);
}
有机会给它制作动画吗?使用此库的正确方法是什么?为什么要使用JS?
这将使用CSS3实现(这比CSS3好得多)——
这里的基本思想是将类“spin2”添加到要旋转的每个图像中…Fiddle:
执行旋转后,
元素不存在。我已经调整了代码,使图像保持旋转。为此,我做了以下修改:
- 在原始图像之后创建容器元素-必须保留原始图像以动态计算新图像
- 在间隔范围内添加了一个计数器(以跟踪当前/下一个角度)
- 将第三个参数(在第二个位置)添加到
Rotate
:这应该是具有唯一ID的容器元素
我可以用body标记将其包装起来,但它不会设置动画。