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 相关文章推荐
用javascript自动显示最后更新时间
Mar 15 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
Jan 19 Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 Javascript
JS中Attr的用法详解
Oct 09 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
Vue Elenent实现表格相同数据列合并
Nov 30 Vue.js
同一个网页中实现多个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 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
JavaScript 变量命名规则
2009/09/23 Javascript
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
2010/06/29 Javascript
js操作textarea方法集合封装(兼容IE,firefox)
2011/02/22 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
理解javascript async的用法
2017/08/22 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
node express使用HTML模板的方法示例
2019/08/22 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
在Django的上下文中设置变量的方法
2015/07/20 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
详解django2中关于时间处理策略
2019/03/06 Python
Python常见数据类型转换操作示例
2019/05/08 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
中科软测试工程师面试题
2012/06/16 面试题
广告词串烧
2014/03/19 职场文书
刑事代理授权委托书
2014/09/17 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
先进工作者推荐材料
2014/12/23 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
关于mysql中string和number的转换问题
2022/06/14 MySQL