首頁 > web前端 > js教程 > 主體

基於JavaScript實作一定時間後去執行一個函數_javascript技巧

WBOY
發布: 2016-05-16 15:25:47
原創
1047 人瀏覽過

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

用法:

文法: 

複製程式碼 程式碼如下:

setTimeout(code,interval)

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

setTimeout()函數有兩個參數,第一個參數規定要執行的執行程式碼,第二個參數規定在多久後去執行程式碼,單位是毫秒。

程式碼實例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<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()函數。

以上內容是基於JavaScript實現一定時間後去執行一個函數的相關知識,有興趣的朋友一起學習吧。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板