隐藏 div 一段时间

Pat*_*ani 1 html javascript jquery

我如何在网站加载之前hide one dive for 10 seconds or for 1 minute使用jquery/jvascript
我知道setTimeout函数,但它在一段时间后用于隐藏潜水。但我想在网站加载之前隐藏 div。

Pra*_*lan 5

  1. 您可以最初使用 css 隐藏 display:none
  2. setTimeout() 用于设置延迟
  3. show() 用于显示隐藏元素

片段:

setTimeout(function() {
  $('#hide').show()
}, 4000);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide" style="display:none">hidden</div>
Run Code Online (Sandbox Code Playgroud)

你也可以visibility在css中使用

  1. 您可以最初使用 css 隐藏 visibility:hidden
  2. setTimeout() 用于设置延迟
  3. css() 用于显示隐藏元素

片段:

setTimeout(function() {
  $('#hide').css('visibility','visible')
}, 4000);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide" style="visibility:hidden">hidden</div>
Run Code Online (Sandbox Code Playgroud)