JavaScript使用setInterval()函数实现简单轮询操作的方法

前端技术 2023/08/31 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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/925

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案