3.loading----圆+切换旋转角度+js

1.由“2.loading----圆+各种角度旋转”的基础上继续扩展一下，用js来动态的设置animation，来切换效果，具体是：120度动画完（3个）、接着90度动画（4个）、接着60度动画（6个）、最后再45度动画（8个），效果图如下所示：

2.HTML代码：

<div class="loading">
    <div class="text">Loading....</div>
    <div class="wrapper">
      <div id="circle1" class="circlesup1">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
      <div id="circle2" class="circlesup2">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
      <div id="circle3" class="circlesup3">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
      <div id="circle4" class="circlesup4">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
      <div id="circle5" class="circlesup5">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
      </div>
      <div id="circle6" class="circlesup6">
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="circle"></div>
        <div class="cir