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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
javascript深入理解js闭包
Jul 03 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
Jan 07 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
js实现鼠标点击左上角滑动菜单效果代码
Sep 06 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
js微信分享API
Oct 11 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
js删除数组中的元素delete和splice的区别详解
Feb 03 Javascript
vue项目中实现图片预览的公用组件功能
Oct 26 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 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
解析左右值无限分类的实现算法
2013/06/20 PHP
php实现微信扫码支付
2017/03/26 PHP
ThinkPHP框架整合微信支付之JSAPI模式图文详解
2019/04/09 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
2018/04/20 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
[00:17]游戏风云独家报道:DD赛后说出数字秘密 吓死你们啊!
2014/07/13 DOTA
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
Matplotlib中文乱码的3种解决方案
2018/11/15 Python
python版本五子棋的实现代码
2018/12/11 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
python实现指定ip端口扫描方式
2019/12/17 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
python中rb含义理解
2020/06/18 Python
Python实现自动装机功能案例分析
2020/10/22 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
家长写给孩子的评语
2014/04/18 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
高中学校对照检查材料
2014/08/31 职场文书
股东合作协议书
2014/09/12 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
“学党章、守党纪、讲党规”学习心得体会
2016/01/14 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL