单击按钮后，我只是尝试显示X秒钟的隐藏元素。我能够使它出现，但不能让它在X秒过去之后再次消失。我尝试了一下，delay(X)但没有任何反应。
$("#mybutton").on(
"click",
function() {
$("#test").css("visibility", "visible");
$("#test").delay(1000).css("visibility", "hidden");
}
);#test {
visibility: hidden;
}
#mybutton:hover {
cursor: pointer;
}
#mybutton {
border: 1px solid black;
background-color: gray;
float: top;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img id="test" src="http://www.jqueryscript.net/images/Minimal-jQuery-Loading-Overlay-Spinner-Plugin-Easy-Overlay.jpg">
<div id="mybutton">
Button
</div>JSFIDDLE：https : //jsfiddle.net/75sttmxj/
尝试setTimeout()在这种情况下使用
setTimeout(() => { $("#test").css("visibility", "hidden"); }, 1000 * 1000);
由于.delay()只能延迟动画队列。
如果您不想使用anarrow function来做到这一点，则可以简单地使用normal，anonymous function如下所示，
setTimeout(function(){ $("#test").css("visibility", "hidden"); }, 1000);
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句