| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 | <!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" src="../js/common.js"></script>		<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>		<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>	</head>	<body>		<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>	</body></html>
 |