https://www.plapla.com.mx/plapla/navidad/h5-loading.js

1
2$("body").before(`
3		<div class="potato_loading potato_toast hide">
4			<div class="potato_loading1 potato_loading3">
5				<p class="potato_loading1_title potato_loading3_title"></p>
6			</div>
7		</div>
8		<div class="potato_loading potato_stre hide">
9			<div class="potato_loading_zhe"></div>
10			<div class="potato_loading1 potato_loading2">
11				<div class="potato_loading1_Icon"></div>
12				<p class="potato_loading1_title">En proceso...</p>
13			</div>
14		</div>
15	`)
16
17/***************************loading加载******************************************/
18
19// 开始显示loading
20const loadingShow=()=>{
21    $(".potato_stre").removeClass("hide");
22    setTimeout(()=>{
23        $(".potato_loading_zhe").addClass("potato_loading_zhe_tr");
24        $(".potato_loading2").addClass("potato_loading_zhe_tr");
25    },30)
26}
27// 隐藏loading
28const loadingHide=()=>{
29    $(".potato_loading_zhe").removeClass("potato_loading_zhe_tr");
30    $(".potato_loading2").removeClass("potato_loading_zhe_tr");
31    setTimeout(()=>{
32        $(".potato_stre").addClass("hide");
33    },360)
34}
35/*
36	包含时间自动隐藏的loading
37	time：加载的时间
38*/
39const loadingFun=(time)=>{
40    loadingShow();
41    setTimeout(()=>{
42        loadingHide();
43    },time)
44}
45
46/********************toast消息提示框************************************/
47
48// toast消息提示框显示
49const tispShow=()=>{
50    $(".potato_toast").removeClass("hide");
51    setTimeout(()=>{
52        $(".potato_loading3").addClass("potato_loading_zhe_tr");
53    },30)
54}
55// toast消息提示框隐藏
56const tispHide=()=>{
57    $(".potato_loading3").removeClass("potato_loading_zhe_tr");
58    setTimeout(()=>{
59        $(".potato_toast").addClass("hide");
60    },360)
61}
62/*
63	自定义消息提示框toast
64	time：时间
65	title：文案
66*/
67const tispFun=(title,time)=>{
68    tispShow();
69    $(".potato_loading3_title").html(title);
70    setTimeout(()=>{
71        tispHide();
72    },time)
73}