通过传id封装loading

最新推荐文章于 2024-10-01 18:51:18 发布

weixin_33842304

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量77

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dxt510/p/7493611.html

版权

<script type="text/javascript">
    function SearchAnim(opts) {  
      for(var i in SearchAnim.DEFAULTS) {  
          if (opts[i] === undefined) {  
             opts[i] = SearchAnim.DEFAULTS[i];  
          }  
      }  
      this.opts = opts;  
      this.timer = null;  
      this.elem = document.getElementById(opts.elemId); 
      this.startAnim();  
   }  
   SearchAnim.prototype.startAnim = function () {  
      this.stopAnim();  
      this.timer = setInterval(() => {  
      var startIndex = this.opts.startIndex;  
         if (startIndex == 360) {  
            this.opts.startIndex = 0;  
      }  
      this.elem.style.transform = "rotate("+(startIndex)+"deg)";  
            this.opts.startIndex += 5;  
            }, this.opts.delay);  
      
            setTimeout(() => {  
                this.stopAnim();  
            }, this.opts.duration);  
        }  
        SearchAnim.prototype.stopAnim = function() {  
            if (this.timer != null) {  
                clearInterval(this.timer);  
            }  
        }  
        SearchAnim.DEFAULTS = {  
            duration : 60000,  
            delay : 200,  
            direction : true,  
            startIndex : 0,  
            endIndex : 360,
        } 
        new SearchAnim({  
            elemId : "loading",  
            delay : 20,  
        });