Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置此旋转的动画?_Javascript - Fatal编程技术网

Javascript 如何设置此旋转的动画?

Javascript 如何设置此旋转的动画?,javascript,Javascript,库旋转图像 在上面的示例中,它确实会旋转,但我想设置它的动画。 我使用setInterval(),但它不起作用: window.onload = function(){ var elem = document.getElementById("im"); setInterval(function (){Rotate(elem, Math.PI/6)}, 1000/30); } 有机会给它制作动画吗?使用此库的正确方法是什么?为什么要使用JS? 这将使用CSS3实现(这比CSS3好得多)——

库旋转图像

在上面的示例中,它确实会旋转,但我想设置它的动画。 我使用setInterval(),但它不起作用:

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标记将其包装起来,但它不会设置动画。