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

Show image, wait 10 second and load page content

本文关键字：加载 10秒 显示图 图像 等待 显示      更新时间：2023-09-26

我想在一个特定的img标签后停止HTML加载，等待10秒。并继续…

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

我尝试了JQUERY的wait()， delay()函数;但无法解决。

我将在标签后添加这个img标签，并且网站的所有内容必须在此图像显示后10秒加载。

show #waitme，等待10秒，加载页面内容。

有人能帮帮我吗?

你可以试试:

...
<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>
...

这是一个实现你想要的东西的方法，

  1. 在document's ready handler中显示此图像并隐藏页面内容。
  2. 在10k的windows load处理器中启动timeOut功能毫秒。
  3. 在超时回调时，隐藏图像并显示页面内容。
相关文章：