js實現的指定時間後觸發事件程式碼例項

admin發表於2017-03-19
JS事件

在實際應用中，可能希望在指定的時間之後自動觸發一個事件，下面就通過程式碼例項介紹一下如何使用javascript實現此功能，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload=function(){
  var bt=document.getElementById("bt");
  var txt=document.getElementById("txt");
  bt.onclick=function(){txt.value="螞蟻部落";}
  setTimeout("bt.click()",5000)
}
</script> 
</head> 
<body> 
<input type="text" id="txt"/> 
<input type="button" id="bt" value="檢視結果"/>
</body> 
</html>

在以上程式碼中，可以點選按鈕為文字框賦值，也可以使用定時器函式在5秒之後呼叫click()函式也就是相當於觸發了onclick事件，同樣可以完成此工作。

相關閱讀:

1.onclick事件可以參閱javascript click 事件一章節。

2.setTimeout()函式可以參閱window setTimeout()一章節。  

相關文章