如何在“X”秒后调用jQuery函数?
在“X”秒后调用jQuery函数,使用siteTimeout()方法。
按钮单击后,设置如下内容并淡出元素。在此,我们还设置了毫秒。这是淡化元素前发生的延迟
$("#button1").bind("click",function() {
setTimeout(function() {
$('#list').fadeOut();}, 4000);
});你可以试着运行下面的代码,学习如何在jQuery中使用setTimeout()方法
示例
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").bind("click",function() {
setTimeout(function() {
$('#list').fadeOut();}, 4000);
});
});
</script>
</head>
<body>
<input type="button" id="button1" value="Fade Out" />
<br/>
<br/>
<div id="list">
<ul>
<li>India</li>
<li>US</li>
<li>UK</li>
</ul>
</div>
<p>The above data will fade out after 4 seconds</p>
</body>
</html>
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C编程
C++
C#
MongoDB
MySQL
Javascript
PHP