jQuery實現的元素延遲指定時間之後隱藏

antzone發表於2017-04-02

本章節介紹一下如何實現使用jQuery讓指定元素延遲一段時間之後隱藏。

由於程式碼實在是太簡單了,完整的程式碼就不給出了,只給出核心的程式碼片段。

實現方式一:

[JavaScript] 純文字檢視 複製程式碼
//這是1.3.2中我們使用setTimeout來實現的方式 
//http://www.softwhy.com
setTimeout(function(){ 
  $('.antzone').hide('blind', {}, 500) 
}, 5000);

實現方式二:

[JavaScript] 純文字檢視 複製程式碼
//這是在1.4以後可以使用delay()這一功能來實現的方式
//(這很像是休眠) 
$(".antzone").delay(5000).hide('blind', {}, 500);

相關文章