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宝典学习笔记(上)
Jan 10 Javascript
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
常用简易JavaScript函数
Apr 09 Javascript
CSS javascript 结合实现悬浮固定菜单效果
Aug 23 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
JavaScript截屏功能的实现代码
Jul 28 Javascript
浅谈mint-ui 填坑之路
Nov 06 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
javascript实现倒计时效果
Feb 17 Javascript
小程序点餐界面添加购物车左右摆动动画
Sep 23 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用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
教你如何解密 “ PHP 神盾解密工具 ”
2014/06/20 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
js控制的遮罩层实例介绍
2013/05/29 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
理解JavaScript原型链
2016/10/25 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
python自动化测试实例解析
2014/09/28 Python
Python导出DBF文件到Excel的方法
2015/07/25 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
python文件拆分与重组实例
2018/12/10 Python
python远程邮件控制电脑升级版
2019/05/23 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
python的列表List求均值和中位数实例
2020/03/03 Python
Django 再谈一谈json序列化
2020/03/16 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
html5的新玩法——语音搜索
2013/01/03 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
请说出以下代码输出什么
2013/08/30 面试题
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
最新教师自我评价分享
2013/11/12 职场文书
大学生村官典型材料
2014/01/12 职场文书
党员入党表决心的话
2014/03/11 职场文书
捐赠仪式主持词
2014/03/19 职场文书
婚假请假条怎么写
2014/04/10 职场文书
2014年个人售房协议书
2014/10/30 职场文书
Python的property属性详细讲解
2022/04/11 Python
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技