`

js中的定时器setTimeout和setInterval

    博客分类:
  • web
阅读更多

setTimeout和setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。
不过这两个函数还是有区别的,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码。

区别:window.setTimeout("function",time);//设置一个超时对象,只执行一次,无周期
           window.setInterval("function",time);//设置一个超时对象,周期='交互时间'

停止定时:
          window.clearTimeout(对象) 清除已设置的setTimeout对象
          window.clearInterval(对象) 清除已设置的setInterval对象

=========================================================
showTime();

function showTime() {
     var today = new Date();
     alert("The time is: " + today.toString());
     setTimeout("showTime()", 5000);
}

一旦调用了这个函数,那么就会每隔5秒钟就显示一次时间
=============================================================

=============================================================
setInterval("showTime()", 5000);

function showTime() {
     var today = new Date();
     alert("The time is: " + today.toString());
}

而setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数

分享到:
评论

相关推荐

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

    在JavaScript中,setTimeout和setInterval是两个基本的定时器函数,用于实现延迟执行或循环执行某个函数。然而,这两个函数在执行时往往和我们设置的延迟时间有出入。本文将深入探讨JS定时器的执行机制,分析why ...

    Javascript中setTimeOut和setInterval的定时器用法

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

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

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

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

    JavaScript定时器是编程中不可或缺的一部分,它们允许我们延迟执行代码或定期执行代码。在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的...

    JavaScript定时器:`setTimeout`和`setInterval`的深入指南

    setTimeout和setInterval是JavaScript中两个基本的定时器函数,它们在前端开发中有着广泛的应用。本文将详细介绍这两个函数的使用方法、差异、以及如何在实际项目中有效利用它们。 setTimeout和setInterval是...

    BOM系列第一篇之定时器setTimeout和setInterval

    在BOM系列的第一篇中,我们重点关注的是定时器`setTimeout`和`setInterval`,这两个方法是JavaScript中处理异步编程的重要工具。 `setTimeout`方法允许我们在指定的毫秒数之后执行一个函数或字符串。它接受两个主要...

    定时器(setTimeout/setInterval)调用带参函数失效解决方法

    首先来看下定时器的用法 1. setInterval(code,millisec[,”lang”]) setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 参数 描述 code 必需,要调用的函数或要执行的代码串。 ...

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

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

    理解javascript定时器中的setTimeout与setInterval

    JavaScript定时器是编程中不可或缺的一部分,它们允许我们延迟或周期性地执行代码。本文将深入讲解JavaScript中的两个重要定时器函数:`setTimeout`和`setInterval`。 首先,`setTimeout`函数用于在指定延迟时间后...

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

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

    cpp-timercpp为C开发提供类似于Javascript中的setTimeout和setInterval功能

    `timercpp` 是一个C++库,它的主要目的是为C++开发者提供类似于JavaScript中的`setTimeout`和`setInterval`这两个函数的功能。在JavaScript中,`setTimeout`用于在指定的时间后执行一次回调函数,而`setInterval`则...

    JavaScript中从setTimeout与setInterval到AJAX异步

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

    详解JS中定时器setInterval和setTImeout的this指向问题

    JavaScript中的定时器`setInterval`和`setTimeout`是开发者经常使用的功能,它们允许代码在特定的时间点或间隔执行。这两个函数对于实现动画效果、异步处理等场景非常有用。然而,`this`关键字在这些定时器函数中的...

    javascript setTimeout和setInterval计时的区别详解

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

    setTimeout和setInterval的区别

    在JavaScript中,定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码,但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`(延迟时间)过后...

    js 封装定时器解决多次调用定时器叠加问题及定时器无法清除的问题

    当一个函数或方法中包含`setTimeout`或`setInterval`,并且这个函数或方法被多次调用时,每次调用都会启动一个新的定时器,导致多个定时器并行运行。这不仅可能导致预期之外的行为,还可能消耗不必要的系统资源。 ...

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

    本文将详细介绍如何在 C# 中实现类似 JavaScript 的 `setTimeout` 和 `setInterval` 功能,并提供具体的实现代码和注意事项。 #### SetTimeout函数详解 `SetTimeout` 函数的主要作用是在指定的时间间隔后执行一次...

Global site tag (gtag.js) - Google Analytics