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決策如何提供周邊設備服務的方式，又稱“程控輸出入”（Programmed I/O）。輪詢法的概念是，由CPU定時發(fā)出詢問，依序詢問每一個周邊設備是否需要其服務，有即給予服務，服務結(jié)束后再問下一個周邊，接著不斷周而復始。輪詢法實作容易，但效率偏低。
在JavaScript使用setInterval函數(shù)作簡單的輪詢操作，可以隨時判定某一個參數(shù)值，但不用刷新頁面，即不用在頁頭加入<META HTTP-EQUIV="Refresh" CONTENT="5">作刷新頁面的判定。
一、基本目標
如圖的一個輸入框，不用onChange()函數(shù)，直接使用setInterval函數(shù)作簡單的輪詢操作，每隔0.5秒去讀取文本框里的內(nèi)容
其實原理與JavaScript時鐘一樣，每一秒取現(xiàn)在的時間，然后更新一次文本內(nèi)容
二、制作過程
代碼如下，不再贅述了：
復制代碼 代碼如下:
<!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程序設計有所幫助。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了JavaScript中?this?的綁定指向規(guī)則，this的指向問題存在各種各樣的，關(guān)于如何綁定指向，下面文章作簡單介紹需要的小伙伴可以參考一下2022-06-06
這篇文章主要教大家如何簡單實現(xiàn)js放大鏡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了JS ES新特性 擴展運算符，下面文章圍繞ES新特性 擴展運算符的相關(guān)資料展開詳細內(nèi)容,需要的朋友可以參考一下，希望對大家有所幫助2021-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
ElementUI中el-tree如何獲取每個節(jié)點點擊的選中狀態(tài)
ElementUI中el-tree獲取每個節(jié)點點擊的選中狀態(tài),有時候需要獲取el-tree每個節(jié)點的點擊狀態(tài),可以通過以下方式,其中isCheck類型為布爾值,本文結(jié)合實例代碼介紹ElementUI中el-tree獲取每個節(jié)點點擊的選中狀態(tài),感興趣的朋友一起看看吧2023-12-12
Web Worker 為 Web 內(nèi)容在后臺線程中運行腳本提供了一種簡單的方法，本文給大家介紹JavaScript解決單線程缺陷——webWorker,需要的朋友可以參考下2023-06-06
一直讓我困擾的是，我不知道如何去讓這個效果 自動播放，或者費了很多周折。這可能叫初始化。2010-05-05
在同學們使用某些網(wǎng)站的新版本頁面的時候，經(jīng)常會出現(xiàn)一個類似于新手引導一樣的效果，本文主要介紹了js頁面引導頁的實現(xiàn)思路總結(jié)，感興趣的可以了解一下2023-04-04
默認的sort方法并不是按照整形數(shù)據(jù)來排序，而是用的字符串匹配方式，下面有個不錯的示例，大家可以參考下2014-02-02
JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實例探索
這篇文章主要介紹了JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01