JavaScript使用setInterval()函数作简单的轮询操作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript使用setInterval()函数作简单的轮询操作相关的知识,希望对你有一定的参考价值。

轮询(Polling)是一种CPU决策怎样提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。

轮询法的概念是。由CPU定时发出询问。依序询问每个周边设备是否须要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。

轮询法实作easy。但效率偏低。

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使用setInterval()函数作简单的轮询操作的主要内容,如果未能解决你的问题,请参考以下文章

使用 SetInterval() 调用 Javascript 对象方法

javascript函数setInterval和setTimeout的使用区别详解

javascript中setInterval函数是啥意思?

JavaScript中的setInterval用法

Javascript:setInterval'Resumes'而不是'Reset'按钮点击

使用setInterval的Javascript Timer不工作?