JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法
更新時間：2015年02月02日 10:59:59 作者：yongh701
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法,以實例形式分析了輪詢操作的原理與javascript實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法。分享給大家供大家參考。具體分析如下：
輪詢（Polling）是一種CPU決策如何提供周邊設(shè)備服務(wù)的方式，又稱“程控輸出入”（Programmed I/O）。輪詢法的概念是，由CPU定時發(fā)出詢問，依序詢問每一個周邊設(shè)備是否需要其服務(wù)，有即給予服務(wù)，服務(wù)結(jié)束后再問下一個周邊，接著不斷周而復(fù)始。輪詢法實作容易，但效率偏低。
在JavaScript使用setInterval函數(shù)作簡單的輪詢操作，可以隨時判定某一個參數(shù)值，但不用刷新頁面，即不用在頁頭加入<META HTTP-EQUIV="Refresh" CONTENT="5">作刷新頁面的判定。
一、基本目標(biāo)
如圖的一個輸入框，不用onChange()函數(shù)，直接使用setInterval函數(shù)作簡單的輪詢操作，每隔0.5秒去讀取文本框里的內(nèi)容
其實原理與JavaScript時鐘一樣，每一秒取現(xiàn)在的時間，然后更新一次文本內(nèi)容
二、制作過程
代碼如下，不再贅述了：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Polling</title>
<script type="text/javascript">
function synchronous() {
document.getElementById("ptext").innerHTML =document.getElementById("text").value;
}
function Polling(){
synchronous();
setInterval("synchronous()", 500);
}
</script>
</head>
<body onLoad="Polling()">
<input type="text" id="text"/>
<p id="ptext"></p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Polling</title>
<script type="text/javascript">
function synchronous() {
document.getElementById("ptext").innerHTML =document.getElementById("text").value;
}
function Polling(){
synchronous();
setInterval("synchronous()", 500);
}
</script>
</head>
<body onLoad="Polling()">
<input type="text" id="text"/>
<p id="ptext"></p>
</body>
</html>
polling()函數(shù)在頁面載入完畢之后就開始執(zhí)行，先執(zhí)行完synchronous()函數(shù)，之后永遠在每隔0.5秒就執(zhí)行一次synchronous();函數(shù)
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
相關(guān)文章
將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的實現(xiàn)方法
將HTMLCollection/NodeList/偽數(shù)組轉(zhuǎn)換成數(shù)組的實現(xiàn)方法，需要的朋友可以參考下。2011-06-06
這篇文章主要為大家詳細介紹了ionic2.0雙擊返回鍵退出應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了js函數(shù)柯里化的方法和作用,結(jié)合實例形式分析了js函數(shù)柯里化的方法、功能及操作注意事項,需要的朋友可以參考下2020-04-04
基于postman獲取動態(tài)數(shù)據(jù)過程詳解
這篇文章主要介紹了基于postman獲取動態(tài)數(shù)據(jù)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)紅包雨功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
js調(diào)用webservice中的方法實現(xiàn)思路及代碼
js調(diào)用webservice還算是一個比較實用的功能,本文提供了實現(xiàn)思路及代碼，感興趣的你可不要錯過了哈，希望本文可以幫助到你啊2013-02-02
這篇文章主要介紹了JS+CSS實現(xiàn)閃爍字體效果代碼,可實現(xiàn)文字按照指定顏色逐次閃爍顯示的功能,代碼非常簡單實用,需要的朋友可以參考下2016-04-04
在實際應(yīng)用中會遇到動態(tài)操作樹各節(jié)點的需求，在增加樹節(jié)點后如何實時動態(tài)刷新樹就十分有必要了。這篇文章主要介紹了zTree實現(xiàn)節(jié)點修改的實時刷新功能,需要的朋友可以參考下2017-03-03
js原型鏈與繼承是js中的重點,原型的實現(xiàn)則是在原型鏈的基礎(chǔ)上，本篇文章深入理解JS繼承和原型鏈的問題，有興趣的同學(xué)可以了解一下。2016-12-12
weui框架實現(xiàn)上傳、預(yù)覽和刪除圖片功能代碼
weui框架暫時只有css文件，并沒有js文件實現(xiàn)其功能，我在其html+css后面增加了js實現(xiàn)其功能，為大家提供方便，也為自己保存記錄。具體實例代碼大家參考下本文2017-08-08