nativeui_waiting.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  6. <meta name="misapplication-tap-highlight" content="no"/>
  7. <meta name="HandheldFriendly" content="true"/>
  8. <meta name="MobileOptimized" content="320"/>
  9. <title>Hello H5+</title>
  10. <script type="text/javascript" src="../js/common.js"></script>
  11. <script type="text/javascript">
  12. // H5 plus事件处理
  13. function plusReady(){
  14. }
  15. if(window.plus){
  16. plusReady();
  17. }else{
  18. document.addEventListener("plusready",plusReady,false);
  19. }
  20. function defaultWaiting(){
  21. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5");
  22. w.onclose=function(){
  23. clearInterval(t);
  24. }
  25. var n=5;
  26. var t=setInterval(function(){
  27. n--;
  28. w.setTitle("处理中,请等待...\n"+n);
  29. if(n<=0){
  30. w.close();
  31. clearInterval(t);
  32. }
  33. },1000);
  34. }
  35. function nomodalWaiting(){
  36. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5",{modal:false});
  37. w.onclose=function(){
  38. clearInterval(t);
  39. }
  40. var n=5;
  41. var t=setInterval(function(){
  42. n--;
  43. w.setTitle("处理中,请等待...\n"+n);
  44. if(n<=0){
  45. w.close();
  46. clearInterval(t);
  47. }
  48. },1000);
  49. }
  50. function padlockWaiting(){
  51. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5", {padlock:true});
  52. w.onclose=function(){
  53. clearInterval(t);
  54. }
  55. var n=5;
  56. var t=setInterval(function(){
  57. n--;
  58. w.setTitle("处理中,请等待...\n"+n);
  59. if(n<=0){
  60. w.close();
  61. clearInterval(t);
  62. }
  63. },1000);
  64. }
  65. function customWaiting(){
  66. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5", {loading:{icon:"/img/waiting.png"}});
  67. w.onclose=function(){
  68. clearInterval(t);
  69. }
  70. var n=5;
  71. var t=setInterval(function(){
  72. n--;
  73. w.setTitle("处理中,请等待...\n"+n);
  74. if(n<=0){
  75. w.close();
  76. clearInterval(t);
  77. }
  78. },1000);
  79. }
  80. function lineWaiting(){
  81. var w=plus.nativeUI.showWaiting("处理中,请等待...5", {loading:{display:"inline"}});
  82. w.onclose=function(){
  83. clearInterval(t);
  84. }
  85. var n=5;
  86. var t=setInterval(function(){
  87. n--;
  88. w.setTitle("处理中,请等待..."+n);
  89. if(n<=0){
  90. w.close();
  91. clearInterval(t);
  92. }
  93. },1000);
  94. }
  95. function transWaiting(){
  96. var w=plus.nativeUI.showWaiting("处理中,请等待...5", {style:"black",color:"#FF0000",background:"rgba(0,0,0,0)",loading:{display:"inline"}});
  97. w.onclose=function(){
  98. clearInterval(t);
  99. }
  100. var n=5;
  101. var t=setInterval(function(){
  102. n--;
  103. w.setTitle("处理中,请等待..."+n);
  104. if(n<=0){
  105. w.close();
  106. clearInterval(t);
  107. }
  108. },1000);
  109. }
  110. function noneWaiting(){
  111. var w=plus.nativeUI.showWaiting("处理中,请等待...5", {color:"#FF0000",background:"rgba(0,0,0,0)",loading:{display:"none"}});
  112. w.onclose=function(){
  113. clearInterval(t);
  114. }
  115. var n=5;
  116. var t=setInterval(function(){
  117. n--;
  118. w.setTitle("处理中,请等待..."+n);
  119. if(n<=0){
  120. w.close();
  121. clearInterval(t);
  122. }
  123. },1000);
  124. }
  125. function fontWaiting(){
  126. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5",{color:"#FF0000",size:"24px"});
  127. w.onclose=function(){
  128. clearInterval(t);
  129. }
  130. var n=5;
  131. var t=setInterval(function(){
  132. n--;
  133. w.setTitle("处理中,请等待...\n"+n);
  134. if(n<=0){
  135. w.close();
  136. clearInterval(t);
  137. }
  138. },1000);
  139. }
  140. function blockBackWaiting(){
  141. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5",{back:"none"});
  142. w.onclose=function(){
  143. clearInterval(t);
  144. }
  145. var n=5;
  146. var t=setInterval(function(){
  147. n--;
  148. w.setTitle("处理中,请等待...\n"+n);
  149. if(n<=0){
  150. w.close();
  151. clearInterval(t);
  152. }
  153. },1000);
  154. }
  155. function transBackWaiting(){
  156. var w=plus.nativeUI.showWaiting("处理中,请等待...\n5",{back:"transmit"});
  157. w.onclose=function(){
  158. clearInterval(t);
  159. }
  160. var n=5;
  161. var t=setInterval(function(){
  162. n--;
  163. w.setTitle("处理中,请等待...\n"+n);
  164. if(n<=0){
  165. w.close();
  166. clearInterval(t);
  167. }
  168. },1000);
  169. }
  170. </script>
  171. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  172. </head>
  173. <body>
  174. <ul class="dlist">
  175. <li class="ditem" onclick="defaultWaiting()">默认等待框</li>
  176. <li class="ditem" onclick="nomodalWaiting()">非模态等待框</li>
  177. <li class="ditem" onclick="padlockWaiting()">点击关闭等待框</li>
  178. <li class="ditem" onclick="customWaiting()">自定义图标等待框</li>
  179. <li class="ditem" onclick="lineWaiting()">图标与文字同行</li>
  180. <li class="ditem" onclick="transWaiting()">背景透明</li>
  181. <li class="ditem" onclick="noneWaiting()">无图标等待框</li>
  182. <li class="ditem" onclick="fontWaiting()">大字体等待框</li>
  183. <li class="ditem" onclick="blockBackWaiting()">不响应返回键等待框</li>
  184. <li class="ditem" onclick="transBackWaiting()">透传返回键等待框</li>
  185. </ul>
  186. </body>
  187. </html>