gpt4 book ai didi

javascript - 单击显示 Div 时,该 Div 内显示 Div 1 3 秒然后隐藏

转载 作者:行者123 更新时间:2023-12-02 14:31:28 25 4
gpt4 key购买 nike

我试图显示(单击时)Div1 3 秒,然后隐藏并显示 Div2。

顺序是...

单击时 >> div“slidingDiv”出现 >> Div1 出现 3 秒 >> Div1 隐藏(再次单击时不会出现)>> Div2 出现。

3秒后我无法隐藏。

下面是我的代码...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

$(".slidingDiv").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

</script>

</head>

<body>

<a href="#" class="show_hide" onclick="begin()">Show/hide</a>
<div class="slidingDiv">

<div id="Div2" style="display:none">
php code here</div>

<div id="Div1" style="display:none"><img id="myImage" src="ajax-loader.gif"></div><br>
<script type = "text/javascript">
function begin() {
function show1() {
document.getElementById("Div1").style.display="block";
setTimeout("hide1()", 3000); // 3 seconds
}

function hide1() {
document.getElementById("Div1").style.display="none";
show2();
}

show1();
function show2() {
document.getElementById("Div2").style.display="block";
}
}
</script>

</div>

最佳答案

这是错误的部分:

setTimeout("hide1()", 3000);  // 3 seconds

它必须是:

setTimeout(hide1, 3000);  // 3 seconds

这是 fiddle :https://jsfiddle.net/gerardofurtado/yso7ajyb/

关于javascript - 单击显示 Div 时,该 Div 内显示 Div 1 3 秒然后隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37772006/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com