隐藏的Div在一段时间后没有显示

时间:2018-02-11 10:20:05

标签: javascript html css

我的div类名为startab,默认为hidden。我希望在5s的{​​{1}}之后显示它。

我尝试使用page load,但没有显示。

javascript

JS Fiddle Demo

6 个答案:

答案 0 :(得分:2)

使用seTimeout()

重写您的javascript
setTimeout(function(){$(".startab").show()},5000);

另外,添加一个库。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Working Demo

答案 1 :(得分:0)

您可以为此设置超时。

setTimeout(function () {
  $("#test").show();
}, 5000);
#test {
 display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test">test</div>

答案 2 :(得分:0)

尝试这样做:

代码正在等待加载页面,然后运行脚本。

$(document).ready(function(){   
    setTimeout(function(){
        $(".startab").show();
    },5000);
});

答案 3 :(得分:0)

使用jQuery有一个更简单的解决方案。只需将持续时间0传递给显示:

<ComponentName autocomplete />

<ComponentName autocomplete={true} />

答案 4 :(得分:0)

试试这个

setTimeout(function () {
  $(".startab").show();
}, 5000);

你的css将是

.startab{
     display:none;
}

答案 5 :(得分:0)

首先看起来你没有包含jquery。

在脚本中你不需要使用延迟,你可以直接说.. ..

$('.startab').show(5000)