Since
8.0
showLoading
Show global loading spinner.
Usage
AlipayJSBridge.call('showLoading', {
text: 'Loading...',
Example
Show or display global loading spinner
<h1>Please press the following buttons</h1>
<p>Please press back button to exit in Android platform</p>
<a href="javascript:void(0)" class="btn show">Show loading</a>
<a href="javascript:void(0)" class="btn delay">Display loading in 2 seconds</a>
<a href="javascript:void(0)" class="btn notext">Display spinner without text</a>
<script>
function ready(callback) {
if (window.AlipayJSBridge) {
callback && callback();
} else {
document.addEventListener('AlipayJSBridgeReady', callback, false);
ready(function() {
document.querySelector('.show').addEventListener('click', function() {
AlipayJSBridge.call('showLoading', {
text: 'Loading',
setTimeout(function() {
AlipayJSBridge.call('hideLoading');
}, 3000);
document.querySelector('.delay').addEventListener('click', function() {
AlipayJSBridge.call('showLoading', {
text: 'Loading',
delay: 2000,
setTimeout(function() {
AlipayJSBridge.call('hideLoading');
}, 5000);
document.querySelector('.notext').addEventListener('click', function() {
AlipayJSBridge.call('showLoading', {
text: ' ',
setTimeout(function() {
AlipayJSBridge.call('hideLoading');
}, 3000);