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 相关文章推荐
jquery.boxy插件的iframe扩展代码
Jul 02 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
JavaScript之iterable_动力节点Java学院整理
Jun 29 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
Dec 09 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 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简单命令代码集锦
2007/09/24 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
基于jQuery的简单的列表导航菜单
2011/03/02 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
2017/03/02 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
2018/10/29 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
详解用js代码触发dom事件的实现方案
2020/06/10 Javascript
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
Python实现读取机器硬件信息的方法示例
2018/06/09 Python
python随机数分布random测试
2018/08/27 Python
python实现词法分析器
2019/01/31 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
CSS中的字体大小设置属性总结
2016/05/24 HTML / CSS
Speedo澳大利亚官网:全球领先游泳品牌
2018/02/04 全球购物
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
求职简历推荐信范文
2013/12/02 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js