jquery回転アニメーション

最近のプロジェクトで使用された小さなアニメーションを記録します.コードは次のとおりです.

	"content-type" content="text/html; charset=UTF-8">
	"X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	
	


	
"tyCon js-tyCon">
	"https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"</span>>
	type</span>=<span class="hljs-string">"text/javascript"</span>>
		window.onload=<span class="hljs-function"><span class="hljs-title">function</span></span>(){
			var tyHtml=<span class="hljs-string">''</span>;
		    var xzDeg=0;
		    <span class="hljs-keyword">for</span>(var i=0;i<25;i++){
		    	tyHtml+=<span class="hljs-string">'<div class="ty"></div>'</span>;
		    }
		    $(<span class="hljs-string">".js-tyCon"</span>).append(tyHtml);
		    
			var n=0;
			var interval=<span class="hljs-built_in">set</span>Interval(xz,100);
		    <span class="hljs-keyword">function</span> <span class="hljs-function"><span class="hljs-title">xz</span></span>(){
		    	<span class="hljs-keyword">if</span>(n==25){
		    		clearInterval(interval);
		    		<span class="hljs-built_in">return</span>
		    	}
		    	xzDeg+=7.2;
		    	$(<span class="hljs-string">".js-tyCon .ty"</span>).eq(n).css({<span class="hljs-string">"opacity"</span>:<span class="hljs-string">"0.55"</span>,<span class="hljs-string">"transform"</span>:<span class="hljs-string">"rotate("</span>+xzDeg+<span class="hljs-string">"deg)"</span>});
		    	n++
		    }
		}
	

setIntervalループを使用して楕円を回転します.ブログ転送ゲートの同期更新