静态页面中判断页面的内容是否加载完成,没加载完成之前显示预加载图标

html:

<div class="loading" style="position:fixed; width: 100%; height: 100%; left: 0;top: 0;z-index:9999999;">

<div class="loading_bj">

<img src="images/loading.gif" style="position:fixed; z-index:9999999999; left:50%; top:50%; width: 2rem; height: 2rem; margin-left: -1rem; margin-top: -1rem;">

<p style="position:fixed; z-index:9999999999; left:50%; top:60%; width: 8rem; height: 2rem; margin-left: -4rem; margin-top: -1rem;color: #fff; font-size: 0.6rem;">数据正在加载中,请稍等......</p>

</div>

</div>:

<div class="buy"></div>

js:

1:jq数据库

2:

$(function(){

          //定义

          var time = 10;

           var timer = setInterval(function(){

                      time--;

                        if( time = = 0){

                                    clearInterval(timer);

                                   var buy = $(".buy").html('¥‘ + 250);

                                    if(buy == null || buy == 0){

                                              $(".loading").show();

                                     }else{

                                              $(".loading").hide();

                                        }

                       }else{

                            if(buy == null || buy == 0){

                                    $(".loading").show();

                             }else{

                                   $(".loading").hide();

                              }

                          }

               }

 }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,093评论 1 10
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,768评论 0 33
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 若有来生 你让我看到生命的脆弱 我为你心碎,悲伤和绝望 我不敢触碰你的冰凉 我失声跪于你的棺房 我强作镇定送你去远...
    路漫漫love阅读 201评论 2 3
  • 一、2017年简书输出目标 简书输出20万字,获得喜欢60个。 二、2017年简书输出统计 17年1月份 1月1日...
    易查理阅读 105评论 0 0