DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript使用setInterval()函數實現簡單輪詢操作的方法教程
JavaScript使用setInterval()函數實現簡單輪詢操作的方法教程
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved