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 01 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
一步步教大家编写酷炫的导航栏js+css实现
Mar 14 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
解决layui的form里的元素进行动态生成,验证失效的问题
Sep 14 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 Javascript
解决vue $http的get和post请求跨域问题
Jun 07 Vue.js
同一个网页中实现多个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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHPWind 发帖回帖Api PHP版打包下载
2010/02/08 PHP
php下删除一篇文章生成的多个静态页面
2010/08/08 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
javascript中的if语句使用介绍
2013/11/20 Javascript
jquery事件重复绑定的快速解决方法
2014/01/03 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
mock.js模拟数据实现前后端分离
2019/07/24 Javascript
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
python回调函数的使用方法
2014/01/23 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
英国手机零售商:Carphone Warehouse
2018/06/06 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
部门年终奖分配方案
2014/05/07 职场文书
村党支部书记承诺书
2014/05/29 职场文书
优秀家长自荐材料
2014/08/26 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python