我正在尝试显示（单击时）Div1 3 秒，然后隐藏并显示 Div2。
顺序是...
单击>>div 时，>>出现div"sslideingDiv"，>> Div1 隐藏（再次单击时不会出现）>> Div2 出现 3 秒。
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
这是小提琴：https://jsfiddle.net/gerardofurtado/yso7ajyb/