如何在“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.com/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