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 相关文章推荐
JS 自动安装exe程序
Nov 30 Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
javascript中expression的用法整理
May 13 Javascript
Node.js文件操作详解
Aug 16 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
vue自定义指令之面板拖拽的实现
Apr 14 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
vue项目中在可编辑div光标位置插入内容的实现代码
Jan 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
PHP简单遍历对象示例
2016/09/28 PHP
浅谈laravel 5.6 安装 windows上使用composer的安装过程
2019/10/18 PHP
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
python如何读写json数据
2018/03/21 Python
Python使用re模块实现信息筛选的方法
2018/04/29 Python
解决python 文本过滤和清理问题
2019/08/28 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
python实现连连看游戏
2020/02/14 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
荣耀商城:HIHONOR
2020/11/03 全球购物
学生个人求职自荐信格式
2013/09/23 职场文书
生产车间实习自我鉴定
2013/09/23 职场文书
校领导推荐信
2013/11/01 职场文书
农村婚礼证婚词
2014/01/10 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
好的旅游活动方案
2014/08/19 职场文书
售房委托书
2014/08/30 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
教代会闭幕词
2015/01/28 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
java实现对Hadoop的操作
2021/07/01 Java/Android
Nginx反向代理学习实例教程
2021/10/24 Servers
vue中div禁止点击事件的实现
2022/04/02 Vue.js
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python