繰り返す間隔は数値で指定し、1000を指定すると1秒間隔になります。今回は20を指定しているので0.02秒間隔となります。今回は、jQueryのanimateを使わずに直接制御するので、間隔を短くします。指定した間隔で変数swの値を加算することで、オブジェクトの角度が1度ずつ増減していきます。CSS3のtransform:rotate()を使ってオブジェクトを回転させます。これでオブジェクトを右に30度回転させます。ここの30を変数にして変化させることでリアルタイムに回転させます。getElementByIdで対象を指定しますので、対象はidで名前を付けておく必要があります。変数angleに格納されている値を文字列連結で使用します。このif文で変数angleの上限と下限を判断しています。-1;}変数angleが10より大きくなるか-10より小さくなれば、変数swを反転させます。補足コードをシンプルにするためにベンダープレフィックスは付けていません。JavaScriptでベンダープレフィックスを設定するにはコチラが参考になります。Code」でJavaScriptのお勉強!4つのサンプルプログラム公開。oonishi熊本電子ビジネス専門学校のITビジネス科で、Webをメインに教えています。「Webデザイナーである前に、ビジネスパーソンであれ」がモットーです。「今」の積み重ねによる未来を待つのではなく、未来から逆算して「今」を生きる。CSS3フィードRSSAtom。