`

setTimeout与setInterva

阅读更多
在javascritp中,有两个关于定时器的专用函数,分别为:
1.倒计定时器:timename=setTimeout("function();",delaytime);
2.循环定时器:timename=setInterval("function();",delaytime);
第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。比如要弹出两个警告窗口,便可将“function();”换成
“alert('第一个警告窗口!');alert('第二个警告窗口!');”;而第二个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表示5秒钟。
  倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。
比如你打开一个页面后,想间隔几秒自动跳转到另一个页面,则你就需要采用倒计定时器“setTimeout("function();",delaytime)” ,而如果想将某一句话设置成一个一个字的出现,
则需要用到循环定时器“setInterval("function();",delaytime)”
详细出处参考:http://www.jb51.net/article/22865.htm

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

用setTimeout实现的自动变化显示随机数的效果:
<html>
<head>
<script>
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script>
</head>
<body>
</body>
</html>
需要停止的话可以改成下面这样
var intervalID = setTimeout("sett()",500);
clearTimeout(intervalID);  

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

用setInterval实现的自动变化显示随机数的效果:
<html>
<head>
<script>
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
</script>
</script>
</head>
<body>
</body>
</html>
若要停止可以改为下面的。
var intervalID = setInterval("sett()",500);
clearInterval(intervalID);  


相关文章:
setTimeout与setInterval在不同浏览器下的差异研究
http://www.iteye.com/topic/154959
分享到:
评论

相关推荐

    happyCoding1024#FrontendLearningTool#浅析JS中的setTimeout和setInterva

    第一个为undefine是因为timer为参数,相当于声明了,但没有赋值,所以为undefined 第二个为NaN是因为undefined+1不是一个数字,所以

    Vue中使用 setTimeout() setInterval()函数的问题

    然而,在Vue的上下文中使用这两个函数时,需要注意一些特定的问题,主要是由于JavaScript的`this`指向规则与Vue的响应式系统之间的交互。 在给定的示例中,`setTimeout` 的回调函数内部,`this` 的上下文发生了变化...

    Javascript定时器(二)——setTimeout与setInterval

    其语法与`setTimeout`相似: ```javascript setInterval(function, interval, param1, param2, ...); ``` 其中,`interval`是执行间隔的时间(以毫秒为单位)。下面是一个每秒更新计数器的例子: ```javascript ...

    解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题

    箭头函数不会创建自己的this上下文,所以箭头函数中的this保持与定义时所在的上下文相同。这就意味着在Vue中,箭头函数内部的this会正确指向Vue实例,而不是全局对象。因此,使用箭头函数可以解决this上下文的问题,...

    Javascript中, setTimeout() 和 setInterval() 的方法

    与`setTimeout()`类似,`setInterval()`的第二个参数也是一个延迟时间,但区别在于它会每隔这个时间重复执行提供的函数。这也意味着,如果执行函数本身需要的时间超过设定的延迟,可能会出现函数调用的重叠。 考虑...

    JavaScript中SetInterval与setTimeout的用法详解

    setTimeout 描述 setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需,要调用的...

    setTimeout应用(模拟站长之家导航)

    在JavaScript编程中,`setTimeout`是一个非常重要的函数,它用于在指定的时间(以毫秒为单位)后调用一个函数或者执行某段...通过巧妙地结合`setTimeout`与其他技术,我们可以构建出富有交互性和视觉吸引力的网页导航。

    jQuery setTimeout()函数使用方法

    setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#...

    模态对话框导致setTimeout失效的解决方案(一)

    然而,当模态对话框打开时,页面的主执行线程被阻塞,使得与用户交互相关的事件无法立即响应,这包括`setTimeout`的回调函数。 问题的根本在于模态对话框创建了一个新的事件循环,这个新的循环会在对话框关闭之前...

    关于JS定时器(setTimeout setInterval)定时不准问题1

    setInterval函数的执行机制与setTimeout相似,都是将任务添加到队列中,但不断调用函数(每次都有延迟),直到它被取消。 原因分析 由于JavaScript是一种单线程语言,异步事件(比如鼠标点击和定时器)仅在线程...

    利用setTimeout解决延时执行某操作

    setTimeout,javascript 延时执行函数,闭包处理 利用javascript闭包处理延时操作

    向setTimeout传递函数参数

    在实际开发中,`setTimeout`常与`clearTimeout`配合使用,以实现动态控制任务的执行。 此外,如果你需要在多个地方使用同一个函数并传递不同的参数,可以考虑使用函数工厂或柯里化(Currying)技术。函数工厂可以...

    给c#添加SetTimeout和SetInterval函数.docx

    这与 JavaScript 中的 `setTimeout` 类似。下面给出具体的实现代码: ```csharp using System; using System.Timers; public static class TimerHelper { /// /// 在指定时间过后执行指定的表达式。 /// ///...

    JavaScript中setTimeout的那些事儿

    二、setTimeout与JavaScript单线程模型 JavaScript一直以来被认为是单线程语言,这意味着在同一时间,只能有一个任务在执行。这看似与setTimeout提供的异步执行功能相矛盾。然而,实际上setTimeout并没有打破...

    06_再看setTimeout与setInterval.html

    06_再看setTimeout与setInterval.html

    模态对话框导致setTimeout无效的解决方案(二)

    然而,有时在模态对话框打开时,JavaScript的`setTimeout`函数可能会表现得不按预期,导致延迟执行的代码无法正常工作。本篇文章将深入探讨这个问题,并提供有效的解决方案。 `setTimeout`是一个异步执行的函数,它...

    JS中setTimeout()的用法详解

    ### JS中setTimeout()的用法详解 #### setTimeout()概述 `setTimeout()` 是JavaScript中用于设置一...理解和掌握`setTimeout()` 与`clearTimeout()` 的正确使用方法,对于开发中实现复杂逻辑和优化用户体验至关重要。

    JavaScript_window.setTimeout()_的详细用法

    `setInterval`的基本语法与`setTimeout`相似,只是它会重复执行: ```javascript window.setInterval(callback, delay, ...args); ``` ##### 4.2 示例 使用`setInterval`创建一个每秒钟更新的计数器: ```...

    使用setTimeout()方法模拟进度条

    使用setTimeout()方法模拟进度条

    javascript之setTimeOut和setInterval的用法

    使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。

Global site tag (gtag.js) - Google Analytics