如何讓我的功能旋轉360並上下移動？

Question

嘿傢伙，所以我正在爲我的項目動畫我的Java腳本，並作爲java腳本新手我只想出如何讓我的圖像在一個設置的區域上下移動。如何使我的對象「dank」也無限旋轉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)"

你也應該刪除「框（）;」，你不需要它，因爲的setInterval（幀，10）已調用功能一遍又一遍。把它放在那裏可能會導致一些遞歸問題。