`

js中setTimeout与setInterval的区别

JavaScriptXHTMLHTML 
阅读更多

很多人都觉得这两个方法差不多,但是,实际上,他们差的很远呢
因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
所以,完全是不一样的 。

 

setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression
setInterval(expression,delayTime),每个DelayTime,都将执行Expression

 

<!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>无标题文档</title>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<script type="text/javascript">
setTimeout("document.getElementById('a').innerHTML=new Date().getSeconds();",1000);
setInterval("document.getElementById('b').innerHTML=new Date().getSeconds();",1000);
</script>
</body>
</html>

 

 

运行会发现，a中的内容更新一次则不在变动，而b中的内容则随着时间的变化一直变化。
setInterval会不停的循环执行表达式。

分享到：
| ASP.NET的控件的三种属性 ID, ClientID 和 ...
评论
发表评论

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

相关推荐

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

    在JavaScript编程中，`setTimeout()`和`setInterval()`是两个非常关键的函数，它们用于实现异步编程，特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法，它们的区别...

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

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

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

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

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

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

    Javascript中setTimeOut和setInterval的定时器用法

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

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

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

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

    在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在delayMillSeconds后 执行.setTime() 会返回一个定时器对象ID，可以在delayMillSeconds到期前将...

    javascript之setTimeOut和setInterval的用法

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

    JavaScript中从setTimeout与setInterval到AJAX异步

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

    setTimeout和setInterval的区别

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

    JavaScript中SetInterval与setTimeout的用法详解

    注：调用过程中，可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需，要调用的函数后要执行的 JavaScript 代码串。 millisec 必需，在执行代码前需等待的毫秒数。 setTimeinterval ...

    javascript setTimeout和setInterval计时的区别详解

    JavaScript中的定时器函数setTimeout和setInterval都用于延迟执行代码，但它们的工作方式和用法有所不同。以下是关于这两个函数的详细解析： 1. setTimeout函数的基本概念和用法： setTimeout是JavaScript中的一个...

    理解javascript定时器中的setTimeout与setInterval

    本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....

    javascript setTimeout和setInterval 的区别

    JavaScript中的`setTimeout`和`setInterval`是两个重要的定时器函数，它们都属于全局`window`对象的方法，常用于在指定的时间后执行某段代码或周期性地重复执行某段代码。然而，它们的工作机制和用途有所不同。 1. ...

    js中SetInterval与setTimeout用法

    JS 中 SetInterval 与 setTimeout 用法 在 JavaScript 中，SetInterval 和 setTimeout 是两种常用的定时器函数，用于实现延迟执行或重复执行某些操作。下面我们将详细讲解这两种函数的区别和用法。 SetTimeout ...

    js基于setTimeout与setInterval实现多线程

    在JavaScript中，可以使用`setTimeout`和`setInterval`两个函数来模拟多线程的效果。这两个函数可以让一个函数在指定的时间后执行一次，或者每隔指定的时间周期性地执行。 首先，我们来解释一下这两个函数的基本...

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

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

    JS中setTimeout和setInterval的最大延时值详解

    而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题，需要的朋友们下面来一起学习学习吧。 先来看这样一段代码： function update() { loadData().then(function(data) { $('#...

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