Question

我想在特定的img标签后停止加载html，等待10秒..然后继续......

我的意思是，必须在选定的img标签（#waitme）后10秒读取/加载<img id='waitme' src='logo.png'>以下的行。

我试过JQUERY wait（），delay（）函数;但无法解决。

我会在标记之后添加此img标记，并且必须在显示此图像10秒后加载该网站的所有内容。

显示#waitme，等待10秒，加载页面内容..

有人可以帮助我吗？

Answer 1

你可以试试这个：

...
<style>
     .disabled{
           display: none;}
</style>
<body>
 <img src="your_image.jpg" id="ur_img">
 <div id="wrap" class="disabled">
      Here is your content
 </div>
 <script>
     setTimeout(function(){
          $("#wrap").removeClass("disabled");
          $("#ur_img").addClass("disabled");
         }, 10000)

 </script>
</body>
...

Answer 2

这是实现目标的方法，

在document's ready handler中显示此图片并隐藏页面内容。
使用10k在timeOut处理程序中启动windows load函数毫秒。
在超时回叫中，隐藏图像并显示页面内容。

显示图像，等待10秒钟并加载页面内容

2 个答案: