JavaScript使用setInterval()函数实现简单轮询操作的方法

xuanxuanxxb 2015-02-02

本文实例讲述了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程序设计有所帮助。

xuanxuanxxb

xuanxuanxxb

相关推荐

JavaScript中setInterval关闭问题

JavaScript中，在setInterval中关闭该定时器，但是此次执行也会完成，用语言描述不太容易，直接看代码：。如果是执行到 clearInterval 这里直接关闭该定时器的话，那么这段代码则不会输出“第10次调用”，让我们看一下执行结果：。这表

angqiuli / 0评论 2020-05-16

Vue内部使用setInterval轮询数据，对象数据重新赋值后再次渲染数据

由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所

弱思 / 0评论 2020-04-20

javascript中setTimeout()和setInterval()方法

alert("等待1秒,弹出窗口!

js网页特效 / 0评论 2012-09-13

关于echarts,数据使用setInterval定时刷新的问题

项目做数据可视化使用的是百度的图表库 echarts，使用setInterval进行定时数据刷新。这时候会遇到一个问题。当浏览器窗口变化的时候，setInterval会越来越快这显然是个bug，需要清除定时器。echarts一般都会做onresize。所以

nankangren / 0评论 2019-11-19

setTimeout 或者 setInterval，关于 Javascript 计时器：你需要知道的一切都在这里

先来回答一下下面这个问题：对于 setTimeout 这一行代码，你从哪里可以找到 setTimeout 的源代码？在浏览器中，主计时器函数是 Window 接口的一部分，这保证了包括如 setTimeout、setInterval 等计时器函数以及其它函

jiangbo0 / 0评论 2019-09-08

js setInterval 和setTimeout 实现多线程？

JavaScript引擎是单线程运行的,浏览器无论在什么时候都只且只有一个线程在运行JavaScript程序.setInterval 和 setTimeout ，都涉及到时间计数器，也就是都涉及到一个类似与MFC定时器。但当定时器时间到达后，所触发的事件则

Luffyying / 0评论 2016-05-11

js中SetInterval与setTimeout用法

使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。setTimeout 设置一个超时对象 setInterval 设置一个超时对象。SetInterval为自动重复，setTim

hyv / 0评论 2016-02-19

关于setInterval、setTimeout在jQuery中的使用注意事项

以上写法都是没什么问题的。但是如果需要传递参数该如何？像上面第一种写法，这样也是可以的。还是补充下第二种传参的方法。结果就是alert出来的，一直是1，不会增加。这里需要注意的是setInterval里面的第一个参数，这是一个语句，用双引号括了起来，里面的

逆风飞舞0 / 0评论 2015-12-24

setTimeout与setInterval

setTimeout; // 3s后弹出2.setInterval 每隔一段时间执行一次 . 工作线程是生产者，主线程是消费者。当消息队列为空时，主线程阻塞，直到消息队列再次非空。setTimeOut的function的任务异步执行，0不代表立即执行，而是

xaoyege / 0评论 2019-06-27

Jquery实现定时执行操作setInterval和clearInterval、setTimeout函数

clearInterval;另，通过setTImeOut()也可以设置定时操作，具体demo如下：。window.status = "欢迎您，User !当前在线人数：8.当前时间：" + s;

崔博伦一路有你 / 0评论 2014-08-06

【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval

window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下：。两个方法的第二个参

nmgxzm00 / 0评论 2014-04-28

javascript setInterval setTimeout

在某些情况下，JavaScript代码需要反复执行但又无需任何的用户交互，setInterval函数可以让你很容易就做到这一点。setInterval有两个必需的和一个可选的参数，第一个必需的参数是你想要重复执行的代码，第二个参数是毫秒，其定义了JavaS

itSeven / 0评论 2012-12-18

jQuery 定时局部刷新，setTimeout和setInterval的区别

setInterval;//建议不要用setInterval，太耗内存，可以让你卡到死机的，不信你试试。从载入后延迟指定的时间去执行一个表达式或者是函数;意味着如果showTime函数的主体部分需要2秒钟执行完，那么整个函数则要每7秒钟才执行一次。如果要求

83500391 / 0评论 2012-04-19

[转载]Jquery中使用setInterval和setTimeout

Jquery中使用setInterval和setTimeout直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下：。方法1. 应用jQuery的扩展可以解决这个问题。});方法2. 指定定时执行的函数时不要使用引号和括号。方 法实际上，se

愚盦 / 0评论 2011-12-03

jQuery的setInterval的使用

今天在使用jQuery的setInterval时总是不能成功，在网上找了一下，发现别人的也有很多错误，最后发现了setInterval的使用方法。</html>关键就在setInterval里的showTime这个参数，它是不能使用双引号和括号

zhangmingming / 0评论 2011-09-18

js中SetInterval与setTimeout用法

setTimeout 运用在延迟一段时间，再进行某项操作。SetInterval为自动重复，setTimeout不会重复。clearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInter

Tomhsfreestyle / 0评论 2011-08-20

HTML DOM setInterval() 方法 和 clearIntval()方法

定义和用法setInterval() 方法可按照指定的周期来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clear

努力的zhiyi / 0评论 2011-07-15

JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题

问题： 每隔0.1秒创建一个setInterval,成一个树形的方式循环创建setInterval,直到页面崩溃。　　　　　　　window.setInterval;以上所述是小编给大家介绍的JS实现定时任务每隔N秒请求后台setInterval定时和aj

CXPOwen / 0评论 2017-10-15

JavaScript中从setTimeout与setInterval到AJAX异步

console.log;打印结果是 1、4、3、2，你可能觉得理所应当，那我们再看下下面这个例子。遇到第二个setTimeout，其中的回调函数依然被加入到事件队列中；事件循环线程这时候知道事件队列中AJAX的回调函数能够被执行了，遍历事件队列，将其中的回

yzxlemon / 0评论 2017-02-13

js基于setTimeout与setInterval实现多线程

本文实例讲述了js基于setTimeout与setInterval实现多线程的方法。分享给大家供大家参考，具体如下：。javascript无法实现线程阻塞，原因是因为sleep涉及系统调用。js出于安全考虑是不允许系统调用的。如果一定要实现语句继续执行就只

我的梦想 / 0评论 2016-06-17

浅谈JavaScript超时调用和间歇调用

在JavaScript中间歇调用很常见，setInterval，就是间隔一定的时间重复调用。setInterval()方法接收两个参数：第一个参数可以是字符串，也可以是函数，第二个参数是一个以毫秒为单位的数字，表示重复间隔的时长。setInterval;这

zgzczzw / 0评论 2019-04-29

浅谈jQuery中setInterval()方法

setInterval() 方法可按照指定的周期来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInter

yangmingxing0 / 0评论 2019-04-29

javascript异步处理工作机制详解

从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。var id = setTimeout; - 初始

breakpoints / 0评论 2019-04-26

jQuery产品间断向下滚动效果核心代码

var _BuyList=$("#buyList");_BuyList.prepend(_BuyList.find("li:last")).css('marginTop', '-85px');_BuyList.ani

84261948 / 0评论 2014-05-08

javascript setTimeout和setInterval计时的区别详解

setTimeout方法是定时程序，也就是在什么时间以后干什么。setInterval方法则是表示间隔一定时间反复执行某操作。如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的

CoffeyLiu / 0评论 2013-06-21

对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

就有这种效果，不过影响不大。Demo的影响就大了！讨论的人很多，但没给出答案来。今天，突然茅塞顿开，可能是线程的概念，但是具体原因还是不明白，希望有人了解其原应告知，非常感激！而红色的Div会受到影响。<div id="move2"

sochrome / 0评论 2011-10-28

setInterval,setTimeout与jquery混用的问题

方法1. 直接在ready中调用其他方法，会提示缺少对象的错误，应用jQuery的扩展可以解决这个问题。});方法2. 指定定时执行的函数时不要使用引号和括号。setInterval;// 注意函数名没有引号和括弧！

YUYISHARE / 0评论 2013-04-08

Jquery中使用setInterval和setTimeout的方法

方法1. 应用jQuery的扩展可以解决这个问题。}这两种方法可能看起来非常像，而且显 示的结果也会很相似，不过两者的最大区别就是，setTimeout方法不会每隔5秒钟就执行一 次showTime函数，它是在每次调用setTimeout后过5秒钟再去执行

yaasshole / 0评论 2013-04-08

jquery文字上下滚动的实现方法

$('#notice p:last').css({'height':'0px','opacity': '0'}).insertBefore('#notice p:first').animate({'height':'35px','opacity': '1'

87407607 / 0评论 2013-03-22

关于setInterval、setTimeout在jQuery中的使用注意事项

}); 以上写法都是没什么问题的。这个比较经典，比较白痴。这时你可以内置一个function,写成 $ 这样也是可以的。至于第二种方法如何传递，这就更简单了，我就不多说了。//======================== 还是补充下第二种传参的方法。先

83457500 / 0评论 2011-09-27

setTimeout与setInterval在不同浏览器下的差异

（新手可能认为setTimeout与setInterval是javascript函数，这是错误的。新手容易将javascript对象函数与DOM对象方法混淆。）先来一段代码，大家猜猜在各种浏览器下的结果会是怎么样的呢？所以，我们认为，通常应当采用第二种方式

swywkci / 0评论 2010-01-24

jQuery 定时局部刷新(setInterval)

<script src="jQuery/jquery-1.4.1.min.js" type="text/javascript"></script>. setInterval("sta

melissahexiu / 0评论 2010-11-19

Google Chrome setInterval方式调用拒绝服务漏洞

受影响系统：Google Chrome 3.0.195.32描述：--------------------------------------------------------------------------------CVE ID: CVE-200

jimforum / 0评论 2009-11-18

javascript setTimeout和setInterval 的区别

setTimeout方法是定时程序，也就是在什么时间以后干什么。setInterval方法则是表示间隔一定时间反复执行某操作。　　如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使

boonyaxnn / 0评论 2009-12-07

JavaScript window.setTimeout() 的详细用法

js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等。但是很多javascript新手对setTimeout的用法还是不是很了解。虽然我学习和应用javascript已经两年多了，但是对setTimeout方法，有时候也要查阅资料。

ljscoding / 0评论 2019-04-03

setTimeout和setInterval的浏览器兼容性分析

arg1,...,argNThearguments,ifany,passedtofunction.第二种使用方法就是定义了一个定时器，在执行时function时，将把调用setTimeout时定义的参数传递给function，但在IE中，并不支持这种方式的

zaocha / 0评论 2007-02-26

js setInterval 启用&停止

}总结：启用使用 setInterval;

CodeDesignampThingsinbetween / 0评论 2018-02-11

javascript动画效果类封装代码

<inputid=output3style="position:absolute;top:300;left:300;"/>. functionAnimation(target,targetProperty,closure,p

BAT 批处理程序 / 0评论 2017-05-16

setTimeout和setInterval的浏览器兼容性分析

无意中测试AJAXRequest浏览器兼容性的时候，发现AJAXRequest.update方法在某些情况下在IE里有问题，经过测试找到是setTimeout和setInterval的问题。问题出现在当调用AJAXRequest.update方法时，如果带

BAT 批处理程序 / 0评论 2017-03-25

setTimeout的妙用1——代替setInterval进行间歇调用

现在毕业半年多了，最近学习了《JavaScript高级程序设计》这本书，受益匪浅，看了才知道虽然自己写了那么多JS，但是对JS的理解最多就只是中下水平。《JavaScript高级程序设计》这本书里面，介绍了很多关于setTimeout函数的神奇使用，今天来

编程爱好者联盟 / 0评论 2017-02-26

JavaScript中SetInterval与setTimeout的用法详解

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。millisec必需，周期性执行或调用code之间的时间间隔，以毫秒计。setTimeout 运用在延迟一段时间，再进行某项操作。SetInterval为自动重复，setTimeout

大前端 / 0评论 2017-01-16