JavaScriptによる要素自動回転機能


JavaScriptによる要素自動回転機能
JavaScriptモジュール
  <script>
        //      
        function rotate() {
            //  100      fun  (         )
            setInterval(fun, 100)
        }

        //    number     
        var deg = 0;

        //      
        function fun() {
            //  id login   
            var obj = document.getElementById("login");
            //    1 
            deg += 1;
            //      deg
            var d = deg + "deg";
            //         
            obj.style.transform = "rotate(" + d + ")";
        }
    </script>

htmlモジュール
<!--    -->
<body onload="rotate();">
<div class="re">
    <!--id login-->
    <div class="fa" id="login">
        <div class="faa">
            <form>
                <div><input type="text"></div>
                <div><input type="password"></div>
                <div><input type="submit"></div>
            </form>
        </div>
    </div>
</div>
</body>