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 prototype 原型链
Mar 12 Javascript
JSQL 基于客户端的成绩统计实现方法
May 05 Javascript
Js实现滚动变色的文字效果
Jun 16 Javascript
让JavaScript和其它资源并发下载的方法
Oct 16 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
Mar 28 Javascript
jQuery插件开发汇总
May 15 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
Aug 07 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字符串的连接的简单实例
2013/12/30 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
vue项目中添加单元测试的方法
2018/07/21 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
2020/04/26 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
python使用7z解压apk包的方法
2015/04/18 Python
python清除函数占用的内存方法
2018/06/25 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
pygame实现非图片按钮效果
2019/10/29 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
python numpy实现rolling滚动案例
2020/06/08 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
美国知名的在线旅游服务网站:Priceline
2016/07/23 全球购物
新郎新娘婚礼答谢词
2014/01/11 职场文书
授权委托书怎么写
2014/04/03 职场文书
项目建议书
2015/02/04 职场文书
公司辞职信模板
2015/05/13 职场文书
酒店开业主持词
2015/07/02 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang