定时器

定义

按照设定的时间间隔循环往复执行程序也就是按照设定的时间间隔每间隔设定的时间执行一次程序事件间隔的单位是毫秒也就是按照间隔时间 一直重复执行程序

语法

setInterval( 参数1 , 参数2 )
参数1 执行的函数程序
参数2 时间间隔

参数1的语法形式

语法形式1 匿名函数

语法形式2 函数名称

参数1的语法形式称为回调函数 callback

注意

最初的时间间隔内没有执行程序，时间间隔的设定需要根据电脑的配置设定，60Hz 是 1秒刷新60次，刷新一次间隔是 16.66666...毫秒，一般最小值设定20。

    <script>// 第一种写法// 定时器   匿名函数setInterval(function(){console.log("大聪明码农徐");// 时间间隔},1000);// 第二种写法// 定时器   函数名称  时间间隔setInterval(fun,1000);// 封装函数function fun(){console.log("大聪明码农徐");}</script>

运行结果：

延时器

定义

按照设定的时间间隔延迟执行程序也就是按照间隔时间延迟执行一次程序，且只执行一次

语法

setTimeout( 参数1 , 参数2 )

参数1 执行的函数程序

参数2 时间间隔

参数1的语法形式

语法形式1 匿名函数

语法形式2 函数名称

参数1的语法形式称为回调函数 callback

    <script>// 第一种写法// 延时器   匿名函数setTimeout(function(){console.log("大聪明码农徐");// 时间间隔},3000);// 第二种写法//延时器  函数名称  时间间隔setTimeout(fun,3000);// 封装函数function fun(){console.log("大聪明码农徐");}</script>

运行结果：

清除定时器延时器

clearInterval(参数)

clearTimeout(参数)

这两个函数都是既可以清除定时器也可以清除延时器

参数是定时器或者延时器的序号编号

定时器延时器函数程序的执行结果返回值就是定时器延时器的序号编号

定时器延时器是公用一个序号编号序号编号是顺延的

    <script>// 定时器延时器的执行效果 是 按照间隔的时间 触发 参数1 设定的函数程序// 定时器延时器的执行结果返回值 是 定时器延时器函数内部定义的return的数值// 也就是 变量中 存储的是 定时器延时器函数中 return 返回的数据数值 // 也就是 定时器延时器的编号序号// 延时器var num1 = setTimeout( function(){console.log(111)} , 1000 );var num2 = setTimeout( function(){console.log(222)} , 2000 );var num3 = setTimeout( function(){console.log(333)} , 3000 );var num4 = setTimeout( function(){console.log(444)} , 4000 );// 定时器var num5 = setInterval( function(){console.log(555)} , 1000 );console.log( num1 );console.log( num2 );console.log( num3 );console.log( num4 );console.log( num5 );// 清除的参数是 定时器 延时器 的 序号编号 // 可以 直接定义 数字 // 可以 使用变量 存储 定时器延时器的执行结果返回值clearInterval( 1 );clearInterval( num2 );</script>

JavaScript的定时器延时器相关推荐

JavaScript学习笔记 06、DOM元素—③定时器与延时器
文章目录前言一.定时器(√) 1.1.介绍定时器与清除定时器方法(含案例) 1.2.解决按钮点击时设置定时器setInterval()的小问题 1.3.实际案例(设置与删除定时器) 二.延时器(√ ...
【JavaScript】- 打地鼠游戏(定时器嵌套延时器)
这里使用了定时器嵌套延时器的方法 js: window.addEventListener('load', () => {// 获取元素let start = document.querySele ...
JavaScript定时器与延时器
定时器是根据设定的时间间隔来循环执行程序,只要定时器不停止程序就会一直执行 setInterval(参数1,参数2) 参数1:要执行的程序必须是一个函数的形式function(){ 定义程序 } 参数 ...
【JavaScript】延时器定时器使用
延迟器函数原型概念描述 setTimeout setTimeout( ()=>{ 函数体 }, time(ms) ) setInterval setInterval( ()=>{ 函 ...
前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...
29【定时器和延时器】
定时器和延时器 1.定时器 1.1 基本介绍 setInterval() 函数可以重复调用一个函数,在每次调用之间有固定的时间间隔. Interval:间隔 <!DOCTYPE html> ...
flutter Timer 延时器，定时器详解
[flutter工具箱] Timer 概览重要属性主要用法引用延时定时循环取消定时器官方api地址概览 Timer是flutter自带的官方延时器工具,本篇研究一下Timer的用法. ...
对象及日期定时器、延时器
日期对象Date 概述:date是用于表示日期时间的对象日期对象的定义(使用new关键词) 1.获取当前的时间(本地的时间) var date = new Date() //不传参就是获取当前时间 ...
【JavaScript 刨根问底之】requestAnimationFrame以及延时器
requestAnimationFrame 这里会说下requestAnimationFrame的由来,以及为什么会出现它.同时也会横向对比下定时器以及延时器早期的动画动画是一个持续的过程.早期的 ...

JavaScript的定时器延时器

定时器

定义

语法

注意

延时器

定义

语法

清除定时器延时器

JavaScript的定时器延时器相关推荐

最新文章

热门文章