jump.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <style>
  8. .spinner {
  9. margin: 100px auto 0;
  10. width: 150px;
  11. text-align: center;
  12. }
  13. .spinner>div {
  14. width: 25px;
  15. height: 25px;
  16. background-color: #169af2;
  17. border-radius: 100%;
  18. display: inline-block;
  19. -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  20. animation: bouncedelay 1.4s infinite ease-in-out;
  21. -webkit-animation-fill-mode: both;
  22. animation-fill-mode: both;
  23. }
  24. .spinner .bounce1 {
  25. -webkit-animation-delay: -0.32s;
  26. animation-delay: -0.32s;
  27. }
  28. .spinner .bounce2 {
  29. -webkit-animation-delay: -0.16s;
  30. animation-delay: -0.16s;
  31. }
  32. @-webkit-keyframes bouncedelay {
  33. 0%,
  34. 80%,
  35. 100% {
  36. -webkit-transform: scale(0.0)
  37. }
  38. 40% {
  39. -webkit-transform: scale(1.0)
  40. }
  41. }
  42. @keyframes bouncedelay {
  43. 0%,
  44. 80%,
  45. 100% {
  46. transform: scale(0.0);
  47. -webkit-transform: scale(0.0);
  48. }
  49. 40% {
  50. transform: scale(1.0);
  51. -webkit-transform: scale(1.0);
  52. }
  53. }
  54. </style>
  55. <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
  56. </head>
  57. <body>
  58. <div class="spinner">
  59. <div class="bounce1"></div>
  60. <div class="bounce2"></div>
  61. <div class="bounce3"></div>
  62. </div>
  63. <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
  64. <script src="../static/js/vender/toastr/toastr.min.js"></script>
  65. <script src="../static/js/vender/config.js"></script>
  66. <script>
  67. getActivationTime();
  68. function getActivationTime() {
  69. var parameters = GetRequest();
  70. var urlNo = parameters["urlNo"];
  71. $.ajax({
  72. url: baseUrl + '/api/pay/getActivationTime/rewrite?urlNo=' + urlNo,
  73. type: 'get',
  74. contentType: "application/json",
  75. success: function (res) {
  76. if (res.status === 0) {
  77. window.location.href = res.data.activeState === 0 ? './official.html?urlNo=' + urlNo : './officialOverdue.html'
  78. } else {
  79. toastr.error(res.msg);
  80. }
  81. }
  82. })
  83. }
  84. </script>
  85. </body>
  86. </html>