修改类型(新功能),影响的范围(代码逻辑),[添加动画]

5 years ago · 6a8d8ea859
2 changed files with 14 additions and 7 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -5,6 +5,7 @@
 ### 2019-11-13

 #### 新功能
+ 3136352472 [13:23:41] :添加动画;影响的范围(代码逻辑)
 + 3136352472 [13:09:50] :禁止休眠;影响的范围(代码逻辑)
 + 3136352472 [12:38:04] :去除调试代码;影响的范围(代码逻辑)
 + 3136352472 [12:34:46] :加入弹窗;影响的范围(代码逻辑)
--- a/index.html
+++ b/index.html
@ -13,27 +13,33 @@
    </style>
 </head>
 <body>
-<div style="text-align:center;width:120px;height:120px;position:fixed;top:50%;left:50%;margin-left:-60px;margin-top:-60px;background: #2C3E50;">
+<div style="text-align:center;width:120px;height:120px;position:fixed;top:50%;left:50%;margin-left:-60px;margin-top:-60px;background: #2C3E50;display: none"
+     id="loading_img">
    <img src="oval.svg" style="width:100%;height:100%;">
 </div>
 </body>
 <script>
-    function check(){
-
+    function check() {
        $.ajax({
            url: "http://localhost",
            success: function () {
                setTimeout(function () {
+                    $("#loading_img").fadeOut(2000, function () {
                        location.href = "http://localhost/"
-                },3000)
+                    })
+                }, 3000)
            },
            error: function (err) {
                setTimeout(function () {
                    check()
-                },1000)
+                }, 1000)
            }
        });
    }
+
+    $("#loading_img").fadeIn(2000, function () {
+
        check();
+    })
 </script>
 </html>