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的一些小应用收集
Mar 27 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
Js base64 加密解密介绍
Oct 11 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
纯JS代码实现一键分享功能
Apr 20 Javascript
jquery实现图片上传前本地预览
Apr 28 jQuery
layui文件上传实现代码
May 20 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
利用 JavaScript 构建命令行应用
Nov 17 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下利用shell后台运行PHP脚本,并获取该脚本的Process ID的代码
2011/09/19 PHP
php中mt_rand()随机数函数用法
2014/11/24 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
PHP实现一个限制实例化次数的类示例
2019/09/16 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
js网页实时倒计时精确到秒级
2014/02/10 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
Vue 项目部署到服务器的问题解决方法
2017/12/05 Javascript
解决node-sass偶尔安装失败的方法小结
2018/12/05 Javascript
小程序实现抽奖动画
2020/04/16 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
[00:44]TI7不朽珍藏III——军团指挥官不朽展示
2017/07/15 DOTA
Python读写ini文件的方法
2015/05/28 Python
一步步解析Python斗牛游戏的概率
2016/02/12 Python
python自动化测试之如何解析excel文件
2019/06/27 Python
python中用logging实现日志滚动和过期日志删除功能
2019/08/20 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
基于Python fminunc 的替代方法
2020/02/29 Python
python代码xml转txt实例
2020/03/10 Python
社区工作感言
2014/02/21 职场文书
弘扬民族精神演讲稿
2014/05/07 职场文书
跳蚤市场口号
2014/06/13 职场文书
班级出游活动计划书
2014/08/15 职场文书
商家认证委托书格式
2014/10/16 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题