js如何實現一定時間後去執行一個函式

admin發表於2017-02-11
JS函式

在實際需要中可能需要規定在指定的時間之後再去執行一個函式以達成期望的目的，這也就是一個定時器效果，恰好在js中就已經給定了這樣的一個函式setTimeout()，下面先介紹一下次函式的用法:

語法結構:

[JavaScript] 純文字檢視 複製程式碼
setTimeout(code,interval)

此函式能夠規定在指定的在指定的事件之後去執行一段指定程式碼，此程式碼只執行一次。

setTimeout()函式具有兩個引數，第一個引數規定要執行的執行程式碼，第二個引數規定在多長時間後去執行程式碼,單位是毫秒。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css"> 
div{ 
  width:200px; 
  height:50px; 
  margin:0px auto; 
  background-color:green; 
  text-align:center; 
  line-height:50px; 
  color:red; 
} 
</style> 
<script type="text/javascript"> 
function tishi(){ 
  alert("大家好歡迎來到螞蟻部落"); 
} 
setTimeout(tishi,5000) 
</script> 
</head> 
<body> 
<div>五秒彈出一個對話方塊</div> 
</body> 
</html>

以上程式碼可以規定在5秒之後彈出一個對話方塊，上面就是使用了setTimeout()函式在5秒之後執行tishi()函式。

相關文章