本文實例講述了JavaScript使用setInterval()函數實現簡單輪詢操作的方法。分享給大家供大家參考。具體分析如下:
輪詢(Polling)是一種CPU決策如何提供周邊設備服務的方式,又稱“程控輸出入”(Programmed I/O)。輪詢法的概念是,由CPU定時發出詢問,依序詢問每一個周邊設備是否需要其服務,有即給予服務,服務結束後再問下一個周邊,接著不斷周而復始。輪詢法實作容易,但效率偏低。
在JavaScript使用setInterval函數作簡單的輪詢操作,可以隨時判定某一個參數值,但不用刷新頁面,即不用在頁頭加入<META HTTP-EQUIV="Refresh" CONTENT="5">作刷新頁面的判定。
一、基本目標
如圖的一個輸入框,不用onChange()函數,直接使用setInterval函數作簡單的輪詢操作,每隔0.5秒去讀取文本框裡的內容
其實原理與JavaScript時鐘一樣,每一秒取現在的時間,然後更新一次文本內容
二、制作過程
代碼如下,不再贅述了:
復制代碼 代碼如下:<!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>
polling()函數在頁面載入完畢之後就開始執行,先執行完synchronous()函數,之後永遠在每隔0.5秒就執行一次synchronous();函數
希望本文所述對大家的javascript程序設計有所幫助。