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 相关文章推荐
不同浏览器的怪癖小结
Jul 11 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
Oct 29 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
Nov 20 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
js实现返回顶部效果
Mar 10 Javascript
基于jQuery实现文字打印动态效果
Apr 21 jQuery
JS实现获取当前所在周的周六、周日示例分析
May 11 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 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
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
php setcookie函数的参数说明及其用法
2014/04/20 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
php中JSON的使用方法
2015/04/30 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
jQuery老黄历完整实现方法
2015/01/16 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
Python爬取当当、京东、亚马逊图书信息代码实例
2017/12/09 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
pytorch神经网络之卷积层与全连接层参数的设置方法
2019/08/18 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
资深地理教师自我评价
2013/09/21 职场文书
产品生产计划书
2014/05/07 职场文书
个人创业事迹材料
2014/12/30 职场文书
2015年教研员工作总结
2015/05/26 职场文书
培训心得体会怎么写
2016/01/25 职场文书
超级实用的公文标题大全!
2019/07/19 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
基于Python实现一个春节倒计时脚本
2022/01/22 Python