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


Posted in Javascript onFebruary 02, 2015

本文实例讲述了JavaScript使用setInterval()函数实现简单轮询操作的方法。分享给大家供大家参考。具体分析如下:

轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称“程控输出入”(Programmed I/O)。轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是否需要其服务,有即给予服务,服务结束后再问下一个周边,接着不断周而复始。轮询法实作容易,但效率偏低。

在JavaScript使用setInterval函数作简单的轮询操作,可以随时判定某一个参数值,但不用刷新页面,即不用在页头加入<META HTTP-EQUIV="Refresh" CONTENT="5">作刷新页面的判定。

一、基本目标

如图的一个输入框,不用onChange()函数,直接使用setInterval函数作简单的轮询操作,每隔0.5秒去读取文本框里的内容

其实原理与JavaScript时钟一样,每一秒取现在的时间,然后更新一次文本内容

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

二、制作过程

代码如下,不再赘述了:

<!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程序设计有所帮助。

Javascript 相关文章推荐
js下弹出窗口的变通
Apr 18 Javascript
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
javascript 解析url的search方法
Feb 09 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
JavaScript、C# URL编码、解码总结
Jan 21 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
浅谈react useEffect闭包的坑
Jun 08 Javascript
同一个网页中实现多个JavaScript特效的方法
Feb 02 #Javascript
JavaScript实现同步于本地时间的动态时间显示方法
Feb 02 #Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 #Javascript
Javascript实现多彩雪花从天降散落效果的方法
Feb 02 #Javascript
jQuery及JS实现循环中暂停的方法
Feb 02 #Javascript
JQuery动画与特效实例分析
Feb 02 #Javascript
Javascript核心读书有感之词法结构
Feb 01 #Javascript
You might like
php实现的树形结构数据存取类实例
2014/11/29 PHP
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
Html5的placeholder属性(IE兼容)实现代码
2014/08/30 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
JavaScript实现替换字符串中最后一个字符的方法
2017/03/07 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
vue 点击按钮增加一行的方法
2018/09/07 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
爱国卫生月实施方案
2014/02/21 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
实习证明格式范文
2015/06/16 职场文书
《领导干部从政道德启示录》学习心得体会
2016/01/20 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
高三数学教学反思
2016/02/18 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
html5调用摄像头实例代码
2021/06/28 HTML / CSS
MySQL详细讲解变量variables的用法
2022/06/21 MySQL