前端定时器的使用

于 2023-10-16 17:43:43 发布
阅读量280 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a_strong_pig/article/details/133863672
版权

在 js 里面，有两种定时器，倒计时定时器 和 间隔定时器，倒计时定时器也叫一次性定时器或者叫延时定时器，间隔定时器也叫间歇定时器或者叫反复性定时器
 

倒计时定时器

倒计时多少时间以后执行函数

语法：setTimeout(要执行的函数，多长时间以后执行)

会在你设定的时间以后，执行函数

时间是按照毫秒进行计算的，1000 毫秒就是 1秒钟，所以会在页面打开 1 秒钟以后执行函数，只执行一次，就不在执行了，返回值是，当前这个定时器是页面中的第几个定时器

间隔定时器 

每间隔多少时间就执行一次函数

语法：setInterval(要执行的函数，间隔多少时间)●时间和刚才一样，是按照毫秒进行计算的

 每间隔 1 秒钟执行一次函数，只要不关闭，会一直执行，返回值是，当前这个定时器是页面中的第几个定时器。

定时器的返回值

设置定时器的时候，他的返回值是部分 setTimeout 和 setInterval 的，只要有一个定时器，那么就是一个数字

Web阿成
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
js前端定时器的常见应用
01-11
js定时器应用的小案例，主要包括有菜单导航、无缝滚动、缓冲滚动、淡入淡出、延时提示框、匀速运动停止等等。
前端两种常用的定时器
weixin_45096939的博客
01-17 4329
定时器：设定一定时间之后做某事，时间单位是毫秒，1秒等于1000毫秒，定时器回调函数的部分可以直接写函数或者函数名的形式；至于setTimeout一次执行之后要不要清除定时器这点我也不知道，感觉清除不清除好像都可以，如果有答案也可以评论告诉我。setInterval定时器会一直进行下去，不会自己关闭，所以我们可以为定时器命名用来关闭定时器。setTimeout定时器执行结束如果不清除会一直存在，可以为它命名方便清除。2.setInterval（）定时器，延时之后如果不清除则无限次间隔执行。
前端笔记 —— 计时器
紫de飒殇的博客
12-27 946
计时器实现
前端中常用的定时器：setTimeout与setInterval
weixin_46953330的博客
03-15 515
在日常开发过程中，我们会经常性地使用定时器这一功能，而在前端开发中，最常见的定时器则为以下两类。是延时的时间一到，就会去调用这个回调函数，而这个函数只会被调用一次，调用结束该定时器也就结束。是每隔一个延时的时间，就会重新调用这个函数，直到该定时器被清楚或者网页被关闭。在日常开发中，定时器开启调用后一定要记得关闭，不然会消耗内存。
前端计时器
wang___haha的博客
09-14 897
var lefttime = endtime.getTime() - nowtime.getTime(), //距离结束时间的毫秒数。leftd = Math.floor(lefttime / (1000 * 60 * 60 * 24)), //计算天数。Math.floor(lefttime / (1000 * 60) % 60), //计算分钟数。var nowtime = new Date(), //获取当前时间。
前端学习案例3-计时器3
qq_41632427的博客
01-12 144
前端
JavaScript事件添加定时器
06-16
很多人都会遇到图片的轮播效果，并且两分钟播放一下，这时候就会需要定时器，那么js定时器是什么？js定时器是利用js实现定时的一种方法，在网站上有很多...js定时器使用的两个方法： 1.setTimeout() 2.clearTimeout()
JavaScript定时器和优化的取消定时器方法
10-23
JavaScript定时器是编程中常见的一种技术，用于在指定的时间间隔后执行特定的函数或操作。JavaScript提供了两种主要的定时器方法：`setInterval` 和 `setTimeout`。 `setInterval` 方法用于周期性地重复执行一个...
详解javascript高级定时器
10-23
总结来说，理解JavaScript高级定时器的概念和工作原理对于编写高性能的前端应用至关重要。通过巧妙地使用setTimeout()、setInterval()以及函数节流，我们可以更好地控制代码的执行时机，提升应用程序的性能和响应性...
前端JavaScript实现轮播图效果
04-11
在前端开发中，轮播图是一种常见的网页元素，用于展示多张图片或内容，并通过自动切换来节省页面空间。本文将详细介绍如何使用HTML、CSS和JavaScript实现一个具有自动切换和点击事件功能的轮播图。 首先，我们从...
使用JavaScript实现一个简单的计时器
最新发布
wsd02061112的博客
07-24 3030
计时器是前端开发中常见的功能之一，它可以帮助我们记录时间并进行倒计时等操作。在本篇博客中，我将向大家介绍如何使用JavaScript实现一个简单的计时器。通过本篇博客，我们学习了如何使用JavaScript实现一个简单的计时器。希望这篇博客对您有所帮助，如果有任何问题，请随时留言。
js实现每隔一秒自动执行函数
weixin_34281537的博客
05-30 2578
1. setInterval() 用法_学习//每隔一秒自动执行方法var c=0;function showLogin(){alert(c++);}//setInterval方法或字符串 ，毫秒，参数数组（方法的）)setInterval("showLogin()","1000");2.setTimeoutsetTimeout()在js类中的使用方法 setTimeout (表达式,延时时间...
Vue中 使用定时器 （setInterval、setTimeout）
B13362260109的博客
07-19 5202
开始的时候创建了一个定时器 setInterval ，时间间隔为2秒，每2秒都会调用一次函数 valChange，从而使 value 的值+1。js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。顾名思义，循环执行就是设置一个时间间隔，每过一段时间都会循环执行这个方法,直到这个定时器被销毁掉；开始时候创建一个定时器 setTimeout，只在2秒后执行一次方法。定时执行 setTimeout 是设置一个时间，等待时间到达的时候。
一个定时器，实现两个方法交替执行
Wod_7的博客
07-05 510
在编程中，我们经常需要定时执行一些任务或方法。但有时我们希望两个方法能够轮流交替执行，而不是按照固定的时间间隔执行。本教程将介绍如何使用一个定时器来实现这样的需求。
js-API 一次性定时器 offset系列 与及相关案例
qq_38964133的博客
03-09 142
一次性定时器 第一种定时器 //常用的,反复的执行 // window.setInterval(function () { // alert("哈哈"); // },1000); //window.clearInterval(定时器id);//清理定时器 另一种定时器 第一个参数函数 第二参数 时间 返回值是id 可以用变量来接收 window.se...
前端基础学习之js-setInterval（定时器）、setTimeout（一次性定时器）
no pains,no gains
08-31 601
1.setInterval()和clearInterval() setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 setInterval(code,millisec[,“lang”]) clearInterval(id_of_setinterval) 2.setTimeout()和clearTimeout() setTimeout() 方
Spring Boot 定时任务学习
weixin_46112857的博客
11-10 2484
Spring boot 定时任务
前端-JS基础之定时器
敦煌壁画的博客
02-05 4589
定时器 setTimeout() 用来指定某个函数或字符串在指定的毫秒数之后执行 只执行一次 clearTimeout() 清除定时器 /*setTimeout() 有两个参数 1.执行体 注意:函数传递参数可以把实参放在时间参数的后面(不兼容IE9及以下) 2.时间 多久执行*/ let a=0 let fun =()=>{ a++ console.log(a) setTimeout(fun,1000) } setTimeout(fun,1000) //clea
前端基础(十三)_定时器（间歇定时器、延迟定时器）
见贤思齐焉，见不贤内自省
01-12 2433
定时器（间歇定时器、延迟定时器）
写一个前端定时器
06-02
好的，以下是一个前端定时器的基本实现，可以设置定时时间并在时间到达后执行指定操作： ```javascript function timer(seconds, action) { setTimeout(action, seconds * 1000); } // 例：设置 5 秒钟的定时器，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Web阿成

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值