javascript 事件觸發以後函式指定時間後再執行
本章節介紹一下如何觸發一個事件以後,函式延遲執行,下面就介紹一下如何實現此功能。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .main{ width:500px; height:400px; border:dashed 1px #ccc; margin:0 auto; line-height:400px; text-align:center; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function(){ $(".main").mouseover(function(){ setTimeout(function(){ $(".main").html("螞蟻部落"); },3000) }); }) </script> </head> <body> <div class="main">原來的內容。</div> </body> </html>
上面的程式碼實現了我們的功能,其實並不是讓時間處理函式延遲執行,而是在事件處理函式內部再巢狀一個函式,使用定時器函式讓這個內部的函式延遲執行即可,setTimeout()函式可以參閱setTimeout()一章節。
相關文章
- js實現的指定時間後觸發事件程式碼例項JS事件
- js如何實現一定時間後去執行一個函式JS函式
- Golang時間函式及測試函式執行時間案例Golang函式
- 後臺執行以及保持程式在後臺長時間執行
- 【PB】事件的觸發時機及先後順序事件
- javascript函式中的動作只有執行後才會有效JavaScript函式
- python之為函式執行設定超時時間(允許函式執行的最大時間)Python函式
- 計算時間,指定時間的多少個月後
- javascript計算指定日期增加多長時間後的日期JavaScript
- JavaScript中短時間高頻次觸發事件的最佳化JavaScript事件
- VC程式執行時間測試函式C程式函式
- withoutEvents函式裡面的事件被觸發函式事件
- js程式碼觸發事件 函式列表JS事件函式
- 【Azure 應用服務】Azure Function HTTP 觸發後, 230秒就超時。而其他方式觸發的Function, 執行5分鐘後也超時,如何調整超時時間?FunctionHTTP
- javascript實現的按鈕間隔指定時間再能點選JavaScript
- javascript獲取當前時間指定天數之前或者之後的日期JavaScript
- 指定執行緒延遲時間(毫秒)執行緒
- js獲取多少天以後的時間JS
- sqlserver時間函式獲取本月最後一天SQLServer函式
- 請求執行時間段與Shell函式(轉)函式
- 3個後臺程式觸發時機
- JavaScript 模擬事件觸發JavaScript事件
- 【譯】理解Javascript函式執行—呼叫棧、事件迴圈、任務等JavaScript函式事件
- quartz不正常執行.執行一段時間後無故停止quartz
- JBOSS5.1執行一段時間後掛掉
- JavaScript 匿名立即自執行函式JavaScript函式
- JavaScript中的立即執行函式JavaScript函式
- python效能優化之函式執行時間分析Python優化函式
- 使用ASM框架實現統計函式執行時間ASM框架函式
- GO語言————6.11 計算函式執行時間Go函式
- python用time函式計算程式執行時間Python函式
- 執行建構函式中指定的任務函式
- javascript中的自執行(立即執行)函式(function(){…})()JavaScript函式Function
- javascript時間物件Date常用時間日期函式簡單分享JavaScript物件函式
- fgets函式執行完成後,檔案指標如何移動?函式指標
- 後來才知道的JavaScript自帶函式JavaScript函式
- JavaScript 匿名函式與具名函式執行效率比較JavaScript函式
- 前端進階-執行時函式前端函式