`
java虫
  • 浏览: 535952 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

setTimeout与setInterval区别

 
阅读更多
项目里看别人用了setTimeout和setInterval这两个方法,上网查了查,总结一下. 
setTimeout("showresponse('${rootUrl}index/movie.do','movieId')",400);
setInterval("showresponse('${rootUrl}index/newWarn.do','newWarnTd')",10000);


window对象有两个主要的定时方法，分别是settimeout 和 setinteval　 他们的语法基本上相同，但是完成的功能取有区别。

　　settimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。

　　setinterval方法则是表示间隔一定时间反复执行某操作。

　　如果用settimeout实现setinerval的功能，就需要在执行的程序中再定时调用自己才行。如果要清除计数器需要 根据使用的方法不同，调用不同的清除方法：


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

用setTimeout实现的自动变化显示随机数的效果: 
<html> 
<head> 
<script> 
window.onload=sett; 
function sett() 
{ 
document.body.innerHTML=Math.random(); 
setTimeout("sett()",500); 
} 
</script> 
</head> 
<body> 
</body> 
</html>


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

用setInterval实现的自动变化显示随机数的效果: 
<html> 
<head> 
<script> 
function sett() 
{ 
document.body.innerHTML=Math.random(); 
} 
setInterval("sett();", 500); 
</script> 
</script> 
</head> 
<body> 
</body> 
</html>

分享到：
| 几种JS框架
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    在这个主题中，我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数，它们在JavaScript中的应用以及它们之间的区别。 首先，`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    关于JS定时器（setTimeout setInterval）定时不准问题1

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

    JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别

    ### JS中的setTimeout与setInterval的区别 在JavaScript编程中，`setTimeout`与`setInterval`是两个非常常用的函数，用于控制代码执行的时间间隔。虽然它们在功能上有一定的相似性，但其实现的效果却大不相同。下面...

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

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

    setTimeout和setInterval的区别

    在JavaScript中，定时...总之，理解`setTimeout`和`setInterval`的区别以及它们在实际开发中的应用是JavaScript编程中非常重要的一部分，能够帮助我们更好地控制代码的执行时机和频率，提高应用程序的性能和用户体验。

    06_再看setTimeout与setInterval.html

    06_再看setTimeout与setInterval.html

    javascript之setTimeOut和setInterval的用法

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

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

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

    JavaScript中从setTimeout与setInterval到AJAX异步

    在JavaScript中，setTimeout和setInterval是两种常见的定时器函数，用于实现异步操作。JavaScript作为单线程语言，其主线程的执行是顺序的，但是在处理某些操作，如延时任务或者周期任务时，会借助事件循环机制和回...

    Javascript中setTimeOut和setInterval的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

    javascript setTimeout和setInterval计时的区别详解

    setInterval函数同样允许你设定一个时间间隔，但与setTimeout不同，setInterval设定的函数会每隔`delay`毫秒重复执行。 其基本语法为： ``` var intervalID = setInterval(func, delay[, param1, param2, ...]); ``...

    JavaScript中setTimeout和setInterval函数的传参及调用_.docx

    JavaScript 中 setTimeout 和 setInterval 函数的传参及调用 在 JavaScript 中，setTimeout 和 setInterval 函数都是用于在指定的时间点执行某个函数的，但是它们的传参方式和调用方式却有所不同。 setTimeout ...

    setTimeout与setInterval的区别浅析

    与之相反，`setInterval` 用于周期性地执行某函数，直到被明确地停止。它的基本语法同样是 `setInterval(code, millisec)`。下面的例子每3秒钟会执行一次 `hello` 函数： ```javascript function hello() { alert...

    理解javascript定时器中的setTimeout与setInterval

    与`setTimeout`一样，`setInterval`在标准浏览器和IE10以上版本也支持传递额外参数。 然而，`setTimeout`和`setInterval`在处理`this`关键字时有一个常见问题。由于它们执行的代码是在全局作用域中，因此`this`通常...

    javascript setTimeout和setInterval 的区别

    与`setTimeout`不同，`setInterval`会一直重复执行，直到被明确地取消。 ```javascript var timer2 = setInterval('startShow()', 2000); ``` 以上代码会每2秒钟执行一次`startShow()`函数，直到`clearInterval`...

    快速掌握Node.js中setTimeout和setInterval的使用方法

    今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...

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

    `setTimeout` 和 `setInterval` 是JavaScript中用于处理延时与周期性任务的重要函数。它们被广泛应用于各种前端开发场景，例如页面动画效果、轮询服务器获取数据等。然而，这两个函数在不同浏览器中的表现并不完全...

    VUE中setTimeout和setInterval自动销毁案例

    在Vue.js应用中，我们经常会遇到使用`setTimeout`和`setInterval`来实现某些延时或周期性操作。然而，如果不正确地管理这些定时器，它们可能会在组件被销毁后仍然继续运行，导致不必要的资源消耗和潜在的问题。本文...

    js代码-settimeout 模拟实现 setinterval(带清除定时器的版本)

    在JavaScript中，`setTimeout`和`setInterval`是两个非常重要的定时器函数，它们用于在指定的时间后执行特定的函数。然而，`setInterval`在某些情况下可能不如我们期望的那样工作，因为它会周期性地不间断执行，即使...

Magicbox
Global site tag (gtag.js) - Google Analytics