JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法
本文實(shí)例講述了JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法。分享給大家供大家參考。具體分析如下:
輪詢(Polling)是一種CPU決策如何提供周邊設(shè)備服務(wù)的方式,又稱“程控輸出入”(Programmed I/O)。輪詢法的概念是,由CPU定時(shí)發(fā)出詢問,依序詢問每一個(gè)周邊設(shè)備是否需要其服務(wù),有即給予服務(wù),服務(wù)結(jié)束后再問下一個(gè)周邊,接著不斷周而復(fù)始。輪詢法實(shí)作容易,但效率偏低。
在JavaScript使用setInterval函數(shù)作簡(jiǎn)單的輪詢操作,可以隨時(shí)判定某一個(gè)參數(shù)值,但不用刷新頁面,即不用在頁頭加入<META HTTP-EQUIV="Refresh" CONTENT="5">作刷新頁面的判定。
一、基本目標(biāo)
如圖的一個(gè)輸入框,不用onChange()函數(shù),直接使用setInterval函數(shù)作簡(jiǎn)單的輪詢操作,每隔0.5秒去讀取文本框里的內(nèi)容
其實(shí)原理與JavaScript時(shí)鐘一樣,每一秒取現(xiàn)在的時(shí)間,然后更新一次文本內(nèi)容
二、制作過程
代碼如下,不再贅述了:
<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ù),之后永遠(yuǎn)在每隔0.5秒就執(zhí)行一次synchronous();函數(shù)
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- 快速掌握Node.js中setTimeout和setInterval的使用方法
- JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
- JavaScript中SetInterval與setTimeout的用法詳解
- javascript中SetInterval與setTimeout的定時(shí)器用法
- JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
- setinterval()與clearInterval()JS函數(shù)的調(diào)用方法
- JS SetInterval 代碼實(shí)現(xiàn)頁面輪詢
相關(guān)文章
微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)彈出層禁止頁面滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07ElementUI中el-tree如何獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài)
ElementUI中el-tree獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài),有時(shí)候需要獲取el-tree每個(gè)節(jié)點(diǎn)的點(diǎn)擊狀態(tài),可以通過以下方式,其中isCheck類型為布爾值,本文結(jié)合實(shí)例代碼介紹ElementUI中el-tree獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài),感興趣的朋友一起看看吧2023-12-12js頁面引導(dǎo)頁的實(shí)現(xiàn)思路總結(jié)
在同學(xué)們使用某些網(wǎng)站的新版本頁面的時(shí)候,經(jīng)常會(huì)出現(xiàn)一個(gè)類似于新手引導(dǎo)一樣的效果,本文主要介紹了js頁面引導(dǎo)頁的實(shí)現(xiàn)思路總結(jié),感興趣的可以了解一下2023-04-04JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實(shí)例探索
這篇文章主要介紹了JS?生態(tài)系統(tǒng)加速Polyfill函數(shù)使用實(shí)例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2024-01-01