添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
痛苦的匕首  ·  Prism for ...·  3 天前    · 
一身肌肉的麦片  ·  Cocos Creator 2.4 API ...·  2 周前    · 
近视的橙子  ·  支付宝H5开放文档·  3 周前    · 
飘逸的水龙头  ·  SQL 将 expression ...·  2 月前    · 
完美的充值卡  ·  A Basic AWS Lambda ...·  3 月前    · 
成熟的刺猬  ·  General Mills Unveils ...·  4 月前    · 

JSAPI

  • 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) {
      // Invoke directly if JSBridge is already injected
      if (window.AlipayJSBridge) {
        callback && callback();
      } else {
        // Otherwise listen to `AlipayJSBridgeReady` event
        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);