在 jQuery 中等待一段时间后如何自动调用函数
答案:使用jQuery delay()方法
等待一段时间后，您可以使用 jQuery delay() 方法调用函数。 只需将整数值传递给此函数即可设置延迟的时间间隔（以毫秒为单位）。
让我们看一个例子来了解这个方法的基本工作原理:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 在一定时间后执行函数</title>
<style>
img{
display: none;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
function showImage(){
$("img").fadeIn(500);
}
$(document).ready(function(){
$(".show-image").click(function(){
$(this).text('loading...').delay(1000).queue(function() {
$(this).hide();
showImage(); //calling showimage() function
$(this).dequeue();
});
});
});
</script>
</head>
<body>
<button type="button" class="show-image">Show Image</button>
<img src="../images/kites.jpg" alt="Flying Kites">
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
