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 面试题随笔
Mar 31 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
JavaScript打字小游戏代码
Dec 26 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
JavaScript中的bold()方法使用详解
Jun 08 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
Aug 09 Javascript
微信小程序中转义字符的处理方法
Mar 28 Javascript
仿ElementUI实现一个Form表单的实现代码
Apr 23 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 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购物网站支付paypal使用方法
2010/11/28 PHP
ThinkPHP中I(),U(),$this-&gt;post()等函数用法
2014/11/22 PHP
用jquery实现点击栏目背景色改变
2012/12/10 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
打造通用的匀速运动框架(实例讲解)
2017/10/17 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
Vue时间轴 vue-light-timeline的用法说明
2020/10/29 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python MySQLdb Linux下安装笔记
2015/05/09 Python
Python文件右键找不到IDLE打开项解决办法
2015/06/08 Python
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
django中静态文件配置static的方法
2018/05/20 Python
使用python 3实现发送邮件功能
2018/06/15 Python
Python延时操作实现方法示例
2018/08/14 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
利用PyCharm操作Github(仓库新建、更新,代码回滚)
2019/12/18 Python
使用Python爬虫库requests发送请求、传递URL参数、定制headers
2020/01/25 Python
Python魔术方法专题
2020/06/19 Python
美国专注于健康商品的网站:eVitamins
2017/01/23 全球购物
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
美国体育用品商店:Rally House(NCAA、NFL、MLB、NBA、NHL和MLS)
2018/01/03 全球购物
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
银行办理业务介绍信
2014/01/18 职场文书
个人函授自我鉴定
2014/03/25 职场文书
劳资员岗位职责
2015/02/13 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
2016年党员岗位承诺书
2016/03/24 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python