javascript - 如何让我的功能旋转 360 并上下移动？

Question

嘿，伙计们，我正在为一个项目制作我的 java 脚本的动画，作为 java-script 的新手，我只知道如何让我的图像在设定的区域上下移动。如何让我的对象“潮湿”也无限旋转 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();
            }
            } 

Answer 1

您可以使用elem.style.transform来旋转文本。如果你将度数分配给一个数字，它会是这样的：

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

你也应该删除“frame();”，你不需要它，因为 setInterval(frame, 10) 已经一遍又一遍地调用该函数。将它放在那里可能会导致一些递归问题。