• 通过传id封装loading


    <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,  
            });
  • 相关阅读:
    KETTLE:mongdb与mysql互传数据
    6.azkban的监控
    5.azkaban权限管理
    3.azkaban3.0测试
    2.azkaban3.0安装
    1.编译azkaban
    十六:The YARN Service Registry
    十四:Using CGroups with YARN
    十二:NodeManager
    十 Writing YARN Applications
  • 原文地址:https://www.cnblogs.com/dxt510/p/7493611.html
Copyright © 2020-2023  润新知