Question

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

Answer 1

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

代码段

setTimeout(function() {
  $('#hide').show()
}, 4000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide" style="display:none">hidden</div>

您也可以在css中使用visibility

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

代码段

setTimeout(function() {
  $('#hide').css('visibility','visible')
}, 4000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide" style="visibility:hidden">hidden</div>

Answer 2

一旦文档准备就绪，此代码将显示div。

＆＃13;

$(document).ready(function() {
  $("#initalHidden").show();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="initalHidden" style="display:none">
  <h1>Hidden until loaded</h1>
</div>

＆＃13;

Answer 3

将div显示样式设为无所以它将在pageload之前隐藏

<div  id='target' style='display:none;'>This di will appear after 10 seconds  of page load</div>
<script>
   $(function(){
        setTimeout(function(){ showTarget(); }, 10000);
   });
   function showTarget(){
       $("#target").show();
   }
</script>

Answer 4

如果它开始显示隐藏它，但更好的方法是开始用CSS隐藏。

$(function() {
       var yourDiv = $("#yourDiv");
        yourDiv.hide();
        setTimeout(function(){
            $("#yourDiv").show();
        }, 10*1000);
    });

Answer 5

假设id为 MyDiv 的div将具有您正在寻找的效果，

首先我将隐藏 MyDiv 的css或显示为无

#MyDiv
{
 display : none; 
}

或

#MyDiv
{
visibility: hidden; 
}

然后它将一直隐藏，直到网站加载并通过javascript更改它。

在javascript之后的所需时间你只需抓住元素并使其可见

jquery 中的示例：

$("#MyDiv").show();

隐藏div一段时间

5 个答案: