css3实现圆形加载动画的js插件

这个是本人写的一个小插件，实现的功能也很有限，就是能够使用圆形加载的效果。

以上就是全部代码加案例，需要在实例化的时候传入一个对象，对象里面需要传入html里面一个div盒子的id，这样就可以自动生成相关效果。

var obj = new Loading({divId:"circle"}); //实例化构造函数

所有可以配置项为：

{
            animationTime:2,//动画执行时间
            divId:null,//div盒子的idClass
            divWidth:"20px",//盒子的宽度
            divHeight:"20px", // 盒子的高度
            divLoadClassName: "spinner", //添加class名字后就会执行加载动画
            divClass:"wrap-box",//两个盒子外面的盒子class
            leftWrapDivName:"leftWrap-box", //第一个盒子的class名字
            leftDivName:"left-box", //第一个盒子的class名字
            rightWrapDivName:"rightWrap-box", //内部第二个盒子的class名字
            rightDivName:"right-box", //内部第二个盒子的class名字
            infinite:true, // 是否循环
            loadingWidth:"1px", //圆圈宽度
            loadingColor:"#30aee0" //圆圈的颜色

        }

实例化成功了以后，需要调用相关方法：

只显示加载动画一次：

obj.runOne();

可以传入回调函数。

能无限加载的动画：

obj.runForever();

将加载功能删除：

obj.remove();

已知bug：如果设置的加载图形过大，会发现底部有一条白色的细缝，现在还没有解决。由于这个效果博主是要使用到vr上面，在小尺寸上面看不出来效果，为了赶项目，先把问题保留。