<!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" οnclick="back()"></div>
<div class="nvtt">Waiting</div>
</header>
<div id="scontent" class="scontent">
<ul class="dlist">
<li class="ditem" οnclick="defaultWaiting()">默认等待框</li>
<li class="ditem" οnclick="nomodalWaiting()">非模态等待框</li>
<li class="ditem" οnclick="padlockWaiting()">点击关闭等待框</li>
<li class="ditem" οnclick="customWaiting()">自定义图标等待框</li>
<li class="ditem" οnclick="lineWaiting()">图标与文字同行</li>
<li class="ditem" οnclick="transWaiting()">背景透明</li>
<li class="ditem" οnclick="noneWaiting()">无图标等待框</li>
<li class="ditem" οnclick="fontWaiting()">大字体等待框</li>
<li class="ditem" οnclick="blockBackWaiting()">不响应返回键等待框</li>
<li class="ditem" οnclick="transBackWaiting()">透传返回键等待框</li>
</ul>
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
