我需要一些有关按钮的帮助。我想要当我单击按钮（单击我）时显示隐藏的div，但是几秒钟后我的隐藏的div自动隐藏。谢谢!!
这里的代码是：
<!DOCTYPE html>
<html>
<head>
<style>
.show {
-o-transition: opacity 3s;
-moz-transition: opacity 3s;
-webkit-transition: opacity 3s;
transition: opacity 3s;
opacity:1;
}
.hide{ opacity:0; }
</style>
<script>
function ShowSecond()
{
var div2 = document.getElementById("div2");
div2.className="show";
}
</script>
</head>
<body>
<div id="div1" class="show">
First Div
<button onclick="ShowSecond()">clickMe</button>
</div>
<div id="div2" class="hide">
Hidden Div
</div>
</body>
</html>
您可以为此使用setTimeout功能：
setTimeout(function() {
// your code here
}, 1000);
将在1秒钟后执行该功能。
如果您要使用jQuery，则可以使用.delay()函数：$(element).show().delay(1000).hide();
在ShowSecond功能中执行以下操作
function ShowSecond()
{
var div2 = document.getElementById("div2");
div2.className="show";
setTimeout(function() {
div2.className="hide";
}, 3000);
}
通过以上代码，您的div将隐藏在3s之后。时间是您的选择根据您的要求增加还是减少]
仅使用setTimeout执行延时操作。
setTimeoutfunction ShowSecond() {
var div2 = document.getElementById("div2");
div2.className = "show";
var timeOut = setTimeout(function () {
div2.className = "hide";
}, 2000);
}
为什么使用JSFiddle到变量setTimeout(..)：将来您可能需要取消此超时操作，可以通过timeOut来完成]
您需要setTimeout（）函数
您还可以使用CSS3 setTimeout(function() {
// Do something after 5 seconds
}, 5000);
代替animation：transition
如果您使用的是引导CSS，并且希望普通的javascript调用此事件，则可以使用以下功能：