要在一定延迟后调用jQuery函数,请使用siteTimeout()
方法。在这里,fadeOut()
几秒钟后调用jQuery函数。
您可以尝试运行以下代码,以了解如何使用setTimeout()
jQuery中的方法在延迟后调用jQuery函数-
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").bind("click",function() {
setTimeout(function() {
$('#list').fadeOut();}, 2000);
});
});
</script>
</head>
<body>
<input type="button" id="button1" value="Fade Out" />
<br/>
<br/>
<div id="list">
<ul>
<li>Voice</li>
<li>Speak</li>
<li>Write</li>
</ul>
</div>
<p>The above content will fade out after 2 seconds</p>
</body>
</html>