点击显示Div,在Div显示Div1内3秒,然后隐藏
问题描述:
我试图显示(点击时)Div1 3秒,然后隐藏并显示Div2。点击显示Div,在Div显示Div1内3秒,然后隐藏
序列是...
当点击>>格 “slidingDiv” 出现>> withing是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
+0
工作。但Div1出现在每次点击。 –
setTimeout(hide1,3000);我认为...检查如何写它...不要把它作为一个字符串:) – Medda86