setInterval

最近在做项目时,需要进行两个组件联动,一个轮询获取到消息,然后将其传递给另外一个组件进行横向滚动展示,结果滚动的速度越来越快。这里记录一下来提醒自己。消息滚动的代码在最下面,方便下次使用。 问题背景: 最近在做一个需求,组件A获取消息采用的是轮询,组件A获取到新的消息后,将组件A中的消息传递给另外一个组件B,当组件B接收到消息时就让消息在页面上滚动播放。 实现思路: 这个项目应用的框架为VUE,当组件A获取到新的消息之后,就触发中央事件总线,在组件B中进行事件监听,将其添加进入一个数组,当判断定时器没有运动时,就触发滚动的函数。消息滚动的函数是从消息数组中提取出第一条,然后利用定时器进行消息滚动,当消息滚动到边缘时清除定时器。 问题:消息在滚动的过程中,该开始还能够按照给定的速度进行滚动,可是当时间变长后就会……

先看下面一段代码： DiGui = function (param) { $.ajax({ success: function (returnValue) { window.setInterval("fnSetMarkPoint()", 5000); }}); 调用DiGui()方法后 问题： 每隔0.1秒创建一个setInterval,成一个树形的方式循环创建setInterval,直到页面崩溃 解决思路： 保证setInterval对象只创建一次 实现方案： 定一个布尔变量进行判断 var status= true; var status = true;DiGui = function (param) { $.ajax({ success: function (returnValue) { if (status) { status= false; window.setInterval("DiGui()", 5000); } } }); 总结 以上所述是小编给大家介绍的JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题，希望对大家有所帮助如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！ ……

本文实例为大家分享了JavaScript定时器的具体方法，供大家参考，具体内容如下 1、 超时调用setTimeout() 顾名思义，超时调用的意思就是在一段实际之后调用（在执行代码之前要等待多少毫秒） setTimeout()他可以接收两个参数： 1.要执行的代码或函数 2.毫秒（在执行代码之前要等待多少毫秒） function test(){ alert("孙悟空");}setTimeout(test,2000); //2s后弹出 “孙悟空” clearTimeout() clearTimeout，表示清除定时器，可以用它取消未执行的调用 var timmer=function test(){ alert("孙悟空");}setTimeout(test,2000); //2s后弹出 “孙悟空” clearTimeout(timmer); //取消定时器，因为前者在两秒后调用，调用之前已经取消相当于什么也没发生 2、间歇调用setInterval() 间歇调用就是指定的时间内不断地重复执行代码，大白话就是“一会调用一次，一会调用一次” setInterval()它也接收两个参数，与前者相同……

方法1. 应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){ $.extend({ show:function(){ alert("ready"); } }); setInterval("show()",3000); }); 方法2. 指定定时执行的函数时不要使用引号和括号。 $(function(){ function show(){ alert("ready"); } setInterval(show,3000);// 注意函数名没有引号和括弧！ // 使用setInterval("show()",3000);会报“缺少对象” }); 区别： setTimeout() 从载入后延迟指定的时间去执行一个表达式或者是函数; 仅执行一次 ;和window.clearTimeout一起使用. setInterval() 在执行时,它从载入页面后每隔指定的时间执行 一个表达式或者是函数;(功能类似于递归函数)；和window.clearInterval一起使用. 补充说明： 这两个方法都可以用来实现在一个固定 时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法 实际上，setTimeout和 setInterval的语法相同。它们都有两个参数，一个是将要执行……

一切尽在代码截图中，愿意和大家一起成长！可以喷，毕竟是菜鸟！ 好了，废话不多说了，看具体实例代码吧！ !DOCTYPE html html lang="en" head meta charset="UTF-8" titleTitle/title /head body div class="wraper"/div div class="wraper1"abcd123441223432 /div button onclick="clearIt=window.clearInterval(clearIt)" Stop/button script window.onload = function () { $('.wraper').html('12343242342') setTimeout(function () { $('.wraper').hide(); setTimeout(function () { $('.wraper1')[0].style.backgroundColor = 'red'; console.log(new Date(),"in"); },20000); console.log(new Date(),"out"); },10000); } var clearIt=self.setInterval("setIntervalTest()",1000); function setIntervalTest () { console.log('++++'); } /script script type="text/javascript" src="jquery/jquery-min.js"/script /body /html 补充：下面看下setTimeout和setInterval的相同处及区别介绍 setTimeout和setInterval的相同处 setTimeout和setInteval 都是window对象的定时方法，它们……

Node.js和js一样也有计时器,超时计时器、间隔计时器、及时计时器，它们以及process.nextTick(callback)函数来实现事件调度。今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在delayMillSeconds后 执行.setTime() 会返回一个定时器对象ID，可以在delayMillSeconds到期前将ID传给clearTimeout(timeoutId)来取消。 function myfunc(){ console.log("myfunc");};var mytimeout=setTimeout(myfunc,1000);clearTimeout(mytimeout); "C:\Program Files (x86)\JetBrains\WebStorm 11.0.3\bin\runnerw.exe" F:\nodejs\node.exe timer.jsProcess finished with exit code 0 如果将clearTimeout(mytimeout);这行注释之后可以看到是会执行myfunc()。 "C:\Program Files (x86)\JetBrains\WebStorm 11.0.3\bin\runnerw.exe" F:\nodejs\node.exe timer.jsmyfuncProcess finished with exit c……