setTimeout/setInterval的使用和参数调用方法

最新推荐文章于 2024-05-30 09:05:20 发布
最新推荐文章于 2024-05-30 09:05:20 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 前端杂碎 文章标签： setTimeout setInterval 参数调用

以下内容摘自这位同学：http://qinglangee.iteye.com/blog/160377

[setTimeout] 

setTimeout(表达式,延时时间) 
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 

用setTimeout实现的自动变化显示随机数的效果: 

Html代码   收藏代码
  1. <html>  
  2. <head>  
  3. <script>  
  4. window.onload=sett;  
  5. function sett()  
  6. {  
  7. document.body.innerHTML=Math.random();  
  8. setTimeout("sett()",500);  
  9. }  
  10. </script>  
  11. </head>  
  12. <body>  
  13. </body>  
  14. </html>  

[setInterval] 

setInterval(表达式,交互时间) 
则不一样,它从载入后,每隔指定的时间就执行一次表达式 

用setInterval实现的自动变化显示随机数的效果: 

Html代码   收藏代码
  1. <html>  
  2. <head>  
  3. <script>  
  4. function sett()  
  5. {  
  6. document.body.innerHTML=Math.random();  
  7. }  
  8. setInterval("sett();", 500);  
  9. </script>  
  10. </script>  
  11. </head>  
  12. <body>  
  13. </body>  
  14. </html>  

在使用JScript的时候，我们有时需要间隔的执行一个方法，比如用来产生网页UI动画特效啥的。这是我们常常会使用方法setInterval或 setTimeout，但是由于这两个方法是由脚本宿主模拟出来的Timer线程， 在通过其调用我们的方法是不能为其传递参数。  
    我们常用的使用场景是： 
Javascript代码   收藏代码
  1. window.setTimeout("delayRun()", n);   
  2. window.setInterval("intervalRun()", n);   
  3. window.setTimeout(delayRun, n);   
  4. window.setInterval(intervalRun, n);   

    显然强行代参数的调用： window.setTimeout("delayRun(param)", n); 

Javascript代码   收藏代码
  1. window.setInterval("intervalRun(param)", n);   
  2. window.setTimeout(delayRun(param), n);   
  3. window.setInterval(intervalRun(param), n);   
 都是 错误 的，因为string literals形式的方法调用，param必须是全局变量(即window对象上的变量)才行；而 function pointer形式的调用，完全错误了，这是把函数的返回值当成了setTimeout/setInterval函数的参数了，完全不是我们所望的事情。 //（这个不懂。。。。。）
 
解决这个问题的办法可以使用 匿名函数包装的方式，在以下scenario中我们这么做： 

Javascript代码   收藏代码
  1. function foo()   
  2. {   
  3.     var param = 100;   
  4.     window.setInterval(function()   
  5.     {   
  6.         intervalRun(param);   
  7.     }, 888);   
  8. }   
  9. function interalRun(times)   
  10. {   
  11.     // todo: depend on times parameter   
  12. }   

    这样一来，就可以不再依赖于全局变量向delayRun/intervalRun函数中传递参数，毕竟当页面中的全局变量多了以后，会给脚本的开发、调试和管理等带来极大的puzzle。

奋斗中的小黄鸡
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
定时器(setTimeout/setInterval)调用带参函数失效解决方法
01-19
setInterval(code,millisec[,”lang”])　setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 参数 描述 code 必需，要调用的函数或要执行的代码串。 millisec 必需，周期性执行或调用...
javascript中setTimeout()函数
03-30 219
大家都知道javascript中的setTimeput()函数的作用，一般会用他来处理一些连续的事情，们先看一个例子： <head><script>functioninit(){setTimeout("init2()",0);alert("1");...
setInterval方法抽离后传参后只执行一次
qq_16543881的博客
09-22 240
setInterval方法抽离后传参后只执行一次 setInterval(hello('nihao'), 30); function hello(word) { console.log(word) } 如果像上面一样传递参数 调试发现只执行了一次 这是因为 hello(‘nihao’)相当于函数调用了一次 不是回调函数的正确写法 查阅后我们可以看到 declare function setInterval(handler: Ti
setInterval函数介绍（在js用于定时监听一个属性）
最新发布
z2000ky的博客
05-30 195
需要注意的是，setInterval 并不保证每次执行的间隔都完全准确，因为 JavaScript 运行在单线程环境中，如果前一个执行的任务花费了很长时间，那么下一个任务可能会延迟执行。此外，如果你在一个 setInterval 的回调函数中创建了另一个 setInterval，可能会导致计时器之间的冲突或难以管理的问题。因此，在使用 setInterval 时需要谨慎，并确保在适当的时候清除它们，以避免潜在的内存泄漏或其他问题。
setTimeout()方法和setInterval()方法
qq_43594371的博客
06-19 167
setTimeout()方法： setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，其属于超时调用。 注意： 代码执行一次；阻止函数的执行需要使用clearTimeout() 方法。 setInterval()方法： setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式，其属于间歇调用。 注意：代码可重复执行；阻止执行需要等到 clearInterval()方法被调用或窗口被关闭。 ...
setInterval只执行一次以及如何传参问题
l_z_w99的博客
03-15 724
js setInterval定时轮询只调用了一次或者俩次?多数是因为使用了调用函数的方式，形如： setInterval(method(xxx), time);这样的方式。具体的原因可以查看下方链接文章。这里重点说一下传参的方式 setInterval只执行一次 看完文章的同学可能发现只执行一次的解决方案就是改为setInterval(methodName, time)；这种方式。可一个新的问题就是方法的参数怎么传递啊。我们看一下setInterval的定义 declare function s
QT定时器的使用
qq_42066648的博客
02-26 595
QT定时器的使用 使用QTimer定时器类 1、 首先创建一个定时器类的对象 QTimer *timer = new QTimer(this); 2、 timer 超时后会发出timeout()信号，所以在创建好定时器对象后给其建立信号与槽 connect(timer, SIGNAL(timeout()), this, SLOT(onTimeout())); 3、 在需要开启定时器的地方调用void QTimer::start ( int msec ); 这个start函数参数也是毫秒级别； time
仅IE不支持setTimeout/setInterval函数的第三个以上参数
12-02
这样有个好处，即解决了回调函数的执行上下文，比如要调用某个对象的某个方法，即可以通过参数把该对象传进去。 代码如下: setTimeout(function(obj){ obj.method(); }, 2000, obj); 当然，你还可以传多个参数给回调...
JS中SetTimeout和SetInterval使用初探
10-20
`setTimeout` 和 `setInterval` 的相同之处在于它们都是 `window` 对象的方法，都接受一个函数或代码字符串和一个时间间隔作为参数。它们的主要区别在于执行方式：`setTimeout` 只执行一次，而 `setInterval` 会持续...
python sched模块
stormylife的专栏
07-16 3314
我们经常需要定时的执行某个任务，在Linux下我们有强大的crontab，但是在Python这个粒度（定时执行函数），如何处理呢？ 除了第三方的模块外，标准库为我们提供了sched模块和Timer类。 先说sched模块，准确的说，它是一个调度（延时处理机制），每次想要定时执行某任务都必须写入一个调度。 使用步骤如下： (1)生成调度器： s = sched.scheduler(time
setTimeout 详解
Dark_programmer的博客
03-30 4万+
1. setTimeout 定义 setTimeout( )是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。 2. 参数详解 刚刚在研究promise的时候，发现setTimeout( )不...
若依之定时任务
wsb_2526的博客
03-12 1万+
若依中定时任务是使用Quartz实现的，首先需要导入Quartz的依赖
JavaScript的定时器延时器
qq_45799465的博客
01-30 1万+
定时器 定义 按照设定的时间间隔 循环往复执行程序也就是 按照设定的时间间隔 每间隔设定的时间 执行一次程序事件间隔的单位是 毫秒也就是 按照间隔时间 一直重复执行程序 语法 setInterval( 参数1 , 参数2 ) 参数1 执行的函数程序 参数2 时间间隔 参数1的语法形式 语法形式1 匿名函数 语法形式2 函数名称 参数1的语法形式 称为 回调函数 callback 注意 ...
JavaScript中setTimeout()的用法详解
热门推荐
suwu150
01-16 12万+
要使用 clearTimeout( ), 我们设定 setTimeout( ) 时, 要给予这 setTimout( ) 一个名称, 这名称就是 timeoutID , 我们叫停时, 就是用这 timeoutID来叫停, 这是一个自定义名称,。这处的 flag 是一个变数, 可任意取名, 我们用 flag来称呼这变数的原因, 是因为这变数好处一支旗, 将旗竖起 (flag is on), 就会产生一个作用, 将旗放下 (flag is off), 就产生另一个作用。
PyQt5系列教程(八)定时器QTimer的使用
07-01 526
软硬件环境 OS X EI Capitan Python 3.5.1 PyQt 5.5.1 前言 如果需要在程序中周期性地进行某项操作，比如检测某种设备的状态，就会用到定时器。本文就来看看PyQT5中的QTimer的使用。 QTimer示例 假设要实现每过一秒计数一次这个功能，来看看QTimer怎么实现？ self.timer = QTimer(self) se...
setTimeout 使用方法详解
Never say never for ss
02-23 8082
计时器setTimeout是我们经常会用到的，它用于在指定的毫秒数后调用函数或计算表达式。 语法： 1setTimeout(code, millisec, args);注意：如果code为字符串，相当于执行eval()方法来执行code。当然，这一篇文章并不仅仅告诉你怎么用setTi
setTimeout参数三种调用形式
u010134224的专栏
05-11 786
setTimeout(code, millsec)两个参数均必填。code：需要执行的js代码串millsec：需要等待的时间三种调用举例说明：function show() {    alert('hello');}setTimeout(show, 1000);   -》1s后执行show函数setTimeout(show(), 1000); －》立即执行show函数setTimeout('sh...
JavaScript 中的 setTimeout() 函数用法详解
孙悟空
06-02 3853
js中的setTimeout()函数用法详解，包括基本语法、调用方式、取消延迟执行。
setTimeout方法
weixin_44552233的博客
05-07 2万+
很多时候我们编写代码的时候都需要用到定时器，下面我给大家介绍一个方法，利用它我们也能做定时器。下面给大家介绍这个方法的几种常用的写法。 SetTimeout方法 第一种写法↓ setTimeout方法是指在指定时间后执行一次指定函数。强调！只执行一次！ ObjSetTimeout后面的window可以省略不写。SetTimeout后面的括号传入函数名称，注意只是传入名称不能有括号，函数名称后面就...
setTimeout和setInterval区别
12-31
setTimeout和setInterval是JavaScript中用于实现定时执行操作的方法，它们之间...- 如果调用的函数需要花费很长时间才能完成，那么在使用setInterval方法时，某些调用可能会被直接忽略，而setTimeout方法不会受到影响。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值