如何使我的功能360度旋转并上下移动

How can make my function rotate 360 and move up and down?

本文关键字:上下 移动 旋转 360度 何使 我的 功能      更新时间:2023-09-26

嘿,伙计们,我正在为一个项目制作java脚本的动画,作为java脚本的新手,我只知道如何使我的图像在一个设定的区域中上下移动。如何使用下面的代码使我的对象"跳舞"也旋转360度,使其上下移动?感谢您的帮助!

window.addEventListener("load", function() {         
function myMove() {
   var elem = document.getElementById("dank");
   var pos = 100;
   var id = setInterval(frame, 10);
   function frame() {
        pos += 0.3;
        elem.style.top = pos + "px";
             if (Math.abs(pos) >= 250){
                   pos = 100;
                }
                frame();
            }
            } 

您可以使用elem.style.transform来旋转文本。如果你把学位分配给一个数字,它会类似于:

elem.style.transform = "rotate(" + degrees + "deg)"

此外,您应该删除"frame();",因为setInterval(frame,10)已经多次调用该函数,所以您不需要它。把它放在那里可能会导致一些递归问题。