page

wzp

2021-07-19 e65183d31755a0e5fae4bf428435d2e0fd6afdc5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
var ok_load_options = {
    time: 1000,
    content: "ok-admin..."
};
!function (content, options) {
    function templateFun(options) {
        return `<div class="ok-loading">
        <div class="loader">
          <div class="text">${options.content}</div>
          <div class="horizontal">
            <div class="circlesup">
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
            </div>
            <div class="circlesdwn">
              <div class="circle"></div>
        <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
            </div>
          </div>
          <div class="vertical">
            <div class="circlesup">
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
            </div>
            <div class="circlesdwn">
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
              <div class="circle"></div>
            </div>
          </div>
        </div>
      </div>`
    }
 
    function headerInit(content, options) {
        options = options || {};
        if (typeof content == "string") {
            options["content"] = content || ok_load_options.content;
        } else if (typeof content == "object") {
            options = content;
        }
        options.time = options.time || ok_load_options.time;
        options.content = options.content || ok_load_options.content;
        return options;
    }
 
    ok_load_options = headerInit(content, options);
    var template = templateFun(ok_load_options);
    document.writeln(template);
}();
 
var okLoading = {
    close: function ($, time, dom) {
        time = time || ok_load_options.time;
        dom = dom || document.getElementsByClassName("ok-loading")[0];
        if ($) {
            $(dom).delay(time).animate({
                opacity: 0
            }, 1000, "linear", function () {
                $(dom).remove();
            });
        } else {
            var setTime1 = setTimeout(function () {
                clearTimeout(setTime1);
                dom.classList.add("close");
                var setTime2 = setTimeout(function () {
                    clearTimeout(setTime2);
                    dom.parentNode.removeChild(dom);/**删除当前节点*/
                }, 800);
            }, time);
        }
    }
};