html5+ nativeui_waiting-原生等待框

最新推荐文章于 2024-04-11 07:54:37 发布

weixin_41961749

最新推荐文章于 2024-04-11 07:54:37 发布

阅读量5.1k

点赞数

分类专栏： html5+

本文链接：https://blog.csdn.net/weixin_41961749/article/details/82977411

版权

html5+ 专栏收录该内容

24 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="misapplication-tap-highlight" content="no" />
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<title>Hello H5+</title>

		<script type="text/javascript">
			// H5 plus事件处理
			function plusReady() {}
			if (window.plus) {
				plusReady();
			} else {
				document.addEventListener("plusready", plusReady, false);
			}

			function defaultWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5");
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function nomodalWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					modal: false
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function padlockWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					padlock: true
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function customWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					loading: {
						icon: "/img/waiting.png"
					}
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function lineWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...5", {
					loading: {
						display: "inline"
					}
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待..." + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function transWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...5", {
					style: "black",
					color: "#FF0000",
					background: "rgba(0,0,0,0)",
					loading: {
						display: "inline"
					}
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待..." + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function noneWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...5", {
					color: "#FF0000",
					background: "rgba(0,0,0,0)",
					loading: {
						display: "none"
					}
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待..." + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function fontWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					color: "#FF0000",
					size: "24px"
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

			function blockBackWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					back: "none"
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);

			}

			function transBackWaiting() {
				var w = plus.nativeUI.showWaiting("处理中，请等待...\n5", {
					back: "transmit"
				});
				w.onclose = function () {
					clearInterval(t);
				}
				var n = 5;
				var t = setInterval(function () {
					n--;
					w.setTitle("处理中，请等待...\n" + n);
					if (n <= 0) {
						w.close();
						clearInterval(t);
					}
				}, 1000);
			}

		</script>

	</head>

	<body>
		<header id="header">
			<div class="nvbt iback" onclick="back()"></div>
			<div class="nvtt">Waiting</div>
		</header>
		<div id="scontent" class="scontent">
			<ul class="dlist">
				<li class="ditem" onclick="defaultWaiting()">默认等待框</li>
				<li class="ditem" onclick="nomodalWaiting()">非模态等待框</li>
				<li class="ditem" onclick="padlockWaiting()">点击关闭等待框</li>
				<li class="ditem" onclick="customWaiting()">自定义图标等待框</li>
				<li class="ditem" onclick="lineWaiting()">图标与文字同行</li>
				<li class="ditem" onclick="transWaiting()">背景透明</li>
				<li class="ditem" onclick="noneWaiting()">无图标等待框</li>
				<li class="ditem" onclick="fontWaiting()">大字体等待框</li>
				<li class="ditem" onclick="blockBackWaiting()">不响应返回键等待框</li>
				<li class="ditem" onclick="transBackWaiting()">透传返回键等待框</li>
			</ul>
		</div>
	</body>

</html>

weixin_41961749

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
html5+ nativeui_waiting-原生等待框

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
复制链接

扫一扫