私の機能を360度回転させて上下に動かすにはどうすればいいですか？

Question

私はプロジェクトのために私の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(); 
      } 
      } 

Answer 1

テキストを回転するにはelem.style.transformを使用できます。あなたはそれのようなものになるだろう数度を割り当てた場合：

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

また、あなたが削除してください「（フレーム）;」のsetInterval（フレーム、10）がすでに呼び出すため、あなたはそれを必要としません繰り返し機能それがあると、再帰問題が発生する可能性があります。