JavaScript定时器类型总结

目录
  • 1.setInterval()
  • 2.setTimeout()

1.setInterval()

按照指定的周期(以毫秒计)来调用函数。

方法会不停地调用函数,直到调用clearInterval() 或窗口被关闭。

语法:

setInterval(code,millisec,[arg1, arg2, ...])
参数 描述
code 必需。要执行的代码串。
millisec 必须。时间间隔,以毫秒计。
arg1, arg2, … 可选。当定时器过期的时候,将被传递给func指定函数的附加参数

2.setTimeout()

在指定的毫秒数后调用函数。

语法:

setTimeout(code,millisec,[arg1, arg2, ...]);//参数作用同上

最后代码演示:

//1.可以箭头函数直接写
setTimeout(()=>{
 this.isSkeleton=false;
  },2000)

//2.可以返回一个值然后调用clearTimeout()取消定时器;
let a = setTimeout(()=>{
  alert('弹出');
  },5000);
function b() {
  window.clearTimeout(a);   //5秒后出弹框,调用b函数可以直接取消弹出
}

返回值:

返回值intervalID是一个非零数值,用来标识通过setInterval()创建的计时器,这个值可以用来作为clearInterval()的参数来清除对应的计时器 。 注意的是,setInterval()setTimeout()共享同一个ID池,所以避免混用;

最后科普下知识面:

JS 对象可以使用两种方式获得,一是开发人员自定义;二是由 ECMAScript 提供。由 ECMAScript 提供的对象称为 JavaScript 内置对象。

定时器属于window对象提供的,定时器前面也可以加window调用的

到此这篇关于JavaScript定时器类型总结的文章就介绍到这了,更多相关JavaScript定时器类型内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • JavaScript定时器实现无缝滚动图片

    本文实例为大家分享了JavaScript实现无缝滚动图片的具体代码,供大家参考,具体内容如下 文本: setInterval 开启间隔型定时器 clearTimeout 关闭定时器 offsetWidth 获取宽度 offsetLeft 获取向左偏移量 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>无缝移动<

  • 详解JavaScript的定时器

    目录 简单介绍 setInterval 描述 参数 返回值 用法 setTimeout 描述 参数 用法: 取消timer 在控制台使用定时器 console.time(timerName) console.timeEnd(timerName) 用法 总结 简单介绍 在JavaScript中定时器有两个 setInterval() 与 setTimeout() 分别还有取消定时器的方法. 这都是window的对象,调用时可以省略window.这两个方法并不在 JavaScript 的规范中. 定

  • JavaScript定时器实现限时秒杀功能

    本文实例为大家分享了JavaScript实现限时秒杀功能的具体代码,供大家参考,具体内容如下 文件index.html 代码: <!DOCTYPE html> <html> <head> <meta charset="GBK" /> <title>show</title> <link rel="stylesheet" href="css/index.css" type=

  • JavaScript 定时器详情

    目录 1.简单介绍 2.setInterval 2.1 描述 2.2 参数 2.3 返回值 2.4 用法 3.setTimeout 3.1 描述 3.2 参数 3.3 用法 4.取消timer 5.在控制台使用定时器 1.简单介绍 在JavaScript中定时器有两个 setInterval() 与 setTimeout() 分别还有取消定时器的方法. 这都是window的对象,调用时可以省略window.这两个方法并不在 JavaScript 的规范中. 定时器方法相关方法有四种: 方法 描述

  • JavaScript定时器原理

    目录 一. setTimeout() 定时器 二.停止 setTimeout() 定时器 三.setInterval() 定时器 四.清除setInterval() 定时器 五.电子时钟案例 前言: 在很多页面中,我们都可以看到一些倒计时或者和时间相关的效果,今天小熊将就JavaScript里面的倒计时做一概述. 首先,我们先来看看定时器,在JS中,有两种定时器: 一. setTimeout() 定时器 语法: window.setTimeout(调用函数, [延迟的毫秒数]); setTime

  • JavaScript定时器类型总结

    目录 1.setInterval() 2.setTimeout() 1.setInterval() 按照指定的周期(以毫秒计)来调用函数. 方法会不停地调用函数,直到调用clearInterval() 或窗口被关闭. 语法: setInterval(code,millisec,[arg1, arg2, ...]) 参数 描述 code 必需.要执行的代码串. millisec 必须.时间间隔,以毫秒计. arg1, arg2, - 可选.当定时器过期的时候,将被传递给func指定函数的附加参数

  • javascript 定时器工作原理分析

    setTimeout() MDN对 setTimeout 的定义为: 在指定的延迟时间之后调用一个函数或执行一个代码片段. 语法 setTimeout 的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间.函数返回一个数值类型的ID唯一标示符,此ID可以用作 clearTimeout 的参数来取消定时器: var timeoutID = window.setTimeout(code, delay); IE0+ 还支持回调参数的传入: var timeoutID = window.setT

  • JavaScript定时器常见用法实例分析

    本文实例讲述了JavaScript定时器常见用法.分享给大家供大家参考,具体如下: 定时器 定时器在javascript中的作用 1.制作动画 2.异步操作 3.函数缓冲与节流 定时器类型及语法 /* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInterval 关闭反复执行的定时器 */ var time1 = setTimeout(myalert,2000); var time2 =

  • JavaScript 定时器关键点及使用场景解析

    目录 正文 关于计时器的关键点 异步函数 setTimeout setInterval 区别 使用场合 总结 正文 JavaScript 定时器是实现循环行为甚至触发延迟操作的好功能.无论有什么基于时间的逻辑,定时器都可以提供支持.在 JavaScript 中有两个定时器函数:setTimeout 和 setInterval .接下来看看有哪些定时器以及它们是如何工作的. 关于计时器的关键点 在深入了解定时器的具体细节之前,有几个非常关键的点需要记住. 并不完全准确 定时器要么在一定秒数后触发一

  • JavaScript定时器setTimeout()和setInterval()详解

    本文实例为大家分享了JavaScript定时器的具体方法,供大家参考,具体内容如下 1. 超时调用setTimeout() 顾名思义,超时调用的意思就是在一段实际之后调用(在执行代码之前要等待多少毫秒) setTimeout()他可以接收两个参数: 1.要执行的代码或函数 2.毫秒(在执行代码之前要等待多少毫秒) function test(){ alert("孙悟空"); } setTimeout(test,2000); //2s后弹出 "孙悟空" clearTi

  • javascript定时器完整实例

    本文实例讲述了javascript定时器完整实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type&qu

  • JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

    废话不多说了,直接给大家贴代码了. // 每隔五秒定时刷新当前窗口 setTimeout("self.location.reload();",5000); //js 定时关闭窗口(ie和FF中测试过) //6秒后自动关闭当前窗口 setTimeout("window.opener=null;window.close()",6000); 下面给大家介绍下javascript定时器使用 使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方

  • 理解javascript定时器中的setTimeout与setInterval

    一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 setTimeout: var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID,

  • JavaScript:Array类型全面解析

    JavaScript中的数组类型与其他语言中的数组有着很大的区别.JavaScript中的每一项可以保存任何类型的数据.而且,JavaScript数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新增数据. 创建数组的基本形式有两种. 1.Array构造函数 var cities = new Array(); 如果预先知道要保存的项目数量,也可以给构造函数传递该数量,该数量会自动变成length属性的值. var cities = new Array(3); 也可以向Array构造函数

  • JavaScript:Date类型全面解析

    创建一个日期对象,使用new操作符后跟Date的构造函数. var date = new Date(); 调用默认构造函数情况下,新创建的日期自动获得当前时间和日期.如果需要指定日期和时间,需要传入表示该日期的毫秒数. JavaScript中提供了两个方法来计算日期,Date.parse()方法接收一个表示日期的字符串参数,然后根据这个日期返回相应的日期毫秒数.但是日期的格式往往因实现以及地区而异.Date.UTC()也返回表示日期的毫秒数,它的参数分别是年份.基于0的月份(一月是0).月中的那

随机推荐