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 相关文章推荐
16个最流行的JavaScript框架[推荐]
May 29 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
浅析JavaScript事件和方法
Feb 28 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
利用jquery获取select下拉框的值
Nov 23 Javascript
Move.js入门
Feb 08 Javascript
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
php网页后退不再出现过期
2007/03/08 PHP
hadoop中一些常用的命令介绍
2013/06/19 PHP
完整删除ecshop中获取店铺信息的API
2014/12/24 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
PHP信号量基本用法实例详解
2016/02/12 PHP
JS之小练习代码
2008/10/12 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
深入探讨javascript函数式编程
2015/10/11 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
Three.js获取鼠标点击的三维坐标示例代码
2017/03/24 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
Python解析树及树的遍历
2016/02/03 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
python中的时区问题
2021/01/14 Python
python爬虫破解字体加密案例详解
2021/03/02 Python
经济实惠的豪华背包和行李袋:Packs Project
2018/10/17 全球购物
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
人事专员岗位职责
2013/11/20 职场文书
2014年会演讲稿范文
2014/01/06 职场文书
2014年端午节活动方案
2014/03/11 职场文书
化学教育专业自荐信
2014/07/04 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
技术负责人岗位职责
2015/02/10 职场文书
关于国庆节的广播稿
2015/08/19 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书
合作意向书怎么写
2019/06/24 职场文书
解决mysql的int型主键自增问题
2021/07/15 MySQL
讲解MySQL增删改操作
2022/05/06 MySQL