帳號 密碼    
站內搜索     訂閱資訊
泉州電腦培訓-泉州領航電腦培訓-泉州淘寶設計培訓-泉州平面設計培訓-泉州淘寶美工培訓-泉州廣告設計培訓-泉州淘寶運營培訓-泉州設計培訓-泉州最好的電腦培訓-泉州電腦設計培訓-泉州淘寶美工培訓-泉州電腦美工培訓學校-泉州設計培訓學校-泉州電腦學校-泉州設計學校-泉州廣告設計學校-泉州設計培訓班-泉州最好的平面設計培訓-電腦培訓學校-泉州廣告策劃培訓-泉州平面設計培訓哪家好-泉州美工設計培訓-淘寶開店培訓|-淘寶開店運營培訓-泉州辦公文員培訓-泉州網頁設計美工培訓
設為首頁 加入收藏
證書查詢 請您留言
網頁設計 >> Dreamweaver | Flash | Fireworks | Photoshop | DIV+CSS | JavaScript | JQuery | ACCESS | MSSQL | ASP.NET | PHP | ASP | SEO優化 | 設計理論
您當前位置:網站首頁 >> 網頁設計 >> JavaScript >> 閱讀文章

JavaScript 計時事件

來源:泉州領航電腦培訓 發布時間:2014-06-12 查看次數:2145

JavaScript 計時事件

通過使用 JavaScript,我們有能力作到在一個設定的時間間隔之后來執行代碼,而不是在函數被調用后立即執行。我們稱之為計時事件。

在 JavaScritp 中使用計時事件是很容易的,兩個關鍵方法是:

setTimeout()
未來的某時執行代碼
clearTimeout()
取消setTimeout()

setTimeout()

語法

var t=setTimeout("javascript語句",毫秒)

setTimeout() 方法會返回某個值。在上面的語句中,值被儲存在名為 t 的變量中。假如你希望取消這個 setTimeout(),你可以使用這個變量名來指定它。

setTimeout() 的第一個參數是含有 JavaScript 語句的字符串。這個語句可能諸如 "alert('5 seconds!')",或者對函數的調用,諸如 alertMsg()"。

第二個參數指示從當前起多少毫秒后執行第一個參數。

提示:1000 毫秒等于一秒。

實例

當下面這個例子中的按鈕被點擊時,一個提示框會在5秒中后彈出。

<html>
<head>
<script type="text/javascript">
function timedMsg()
 {
 var t=setTimeout("alert('5 seconds!')",5000)
 }
</script>
</head>

<body>
<form>
<input type="button" value="Display timed alertbox!" onClick="timedMsg()">
</form>
</body>
</html>

實例 - 無窮循環

要創建一個運行于無窮循環中的計時器,我們需要編寫一個函數來調用其自身。在下面的例子中,當按鈕被點擊后,輸入域便從 0 開始計數。

<html>

<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
</form>
</body>

</html>

clearTimeout()

語法

clearTimeout(setTimeout_variable)

實例

下面的例子和上面的無窮循環的例子相似。唯一的不同是,現在我們添加了一個 "Stop Count!" 按鈕來停止這個計數器:

<html>

<head>
<script type="text/javascript">
var c=0
var t

function timedCount()
 {
 document.getElementById('txt').value=c
 c=c+1
 t=setTimeout("timedCount()",1000)
 }

function stopCount()
 {
 clearTimeout(t)
 }
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>

</html>
上一篇:沒有了
相關文章
文章評論
現在有0人對本文發表評論 查看所有評論



關于我們 | 聯系方式 | 服務條款 | 閩ICP備09041798號
電子郵箱:121715238@qq.com 在線QQ:121715238 458366480.
Copyright 2016, 版權所有 www.349735.tw.
www.yoLiku.com www.yaocoLor.com www.woLawang.com.cn 今天湖北30选5开奖结果查询结果 足彩半全场规则 2013网络棋牌游戏排行榜 2019腾讯麻将好友房 怎么看大乐透彩票走势图 比赛比分英文读法 理财投资平台排名 刮刮乐图片 中彩票程序源码 海南飞鱼开奖助手 五分赛车走势软件下载 360股票app下载 沙巴体育官方网站 斗地主昵称大全 任九14万奖金 福建22选5行列走势图 排列五走势图表