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 div 遮罩层封锁整个页面
Jul 10 Javascript
jquery.messager.js插件导致页面抖动的解决方法
Jul 14 Javascript
javascript常用函数(1)
Nov 04 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
微信小程序使用蓝牙小插件
Sep 23 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 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基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
JavaScript实现图片轮播的方法
2015/07/31 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
JS禁止查看网页源代码的实现方法
2016/10/12 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
js遍历json的key和value的实例
2017/01/22 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
javascript实现文字无缝滚动效果
2017/08/26 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
简单了解python 邮件模块的使用方法
2019/07/24 Python
Python3之字节串bytes与字节数组bytearray的使用详解
2019/08/27 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
python模块内置属性概念及实例
2021/02/18 Python
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
西北政法大学自主招生自荐信
2014/01/29 职场文书
校园十大歌手策划书
2014/02/01 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
小学生五一劳动节演讲稿
2015/03/18 职场文书
美术教师求职信范文
2015/03/20 职场文书
感恩老师主题班会
2015/08/12 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书