【JS重点知识03】定时器—间歇函数

原创

已于 2024-06-09 13:47:59 修改 · 405 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2024-06-02 15:51:27 首次发布

一：间歇函数的应用场景

网页倒计时是需要每个一段时间需自动执行一段代码，而不需要手动去触发；间歇函数刚好满足了这一要求；

二：间歇函数的使用

1 开启定时器

语法规范：

1 setInterval(匿名函数,时间)
2 
（1）外部书写一个具名函数
（2）setInterval(函数名,时间)

时间单位为ms
每间隔设置的时间后执行相应函数
不同的定时器会返回一个id数字，用于标识不同的定时器

2 关闭定时器

语法规范：

let 变量名 = setInterval(匿名函数,时间间隔)
clearInterval(变量名)

三：用户倒计时案例：

需求：一个按钮60秒后才可以使用，阅读协议按钮制作

<body>
  <button disabled>我已阅读协议（5）</button>
  <script>
    const btn = documen

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序员微木

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS-定时器-间歇函数(一)

smilehjl

01-17

696

本文主要介绍了Js中的定时器-间歇函数 setinterval（）的使用，并伴有三个实现案例，其中那个电子时钟案例和轮播图案例比较不错，建议多敲几遍

js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval

YY的博客

10-13

4750

js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval

参与评论您还未登录，请先登录后发表或查看评论

计数器函数-注册倒计时

qq_45579661的博客

09-12

544

1.注册按钮倒计时 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

0203 定时器-间歇函数，案例

qq_62919289的博客

02-03

153

定时器

间歇函数setTimeout和setInterval

qq_45707021的博客

06-27

250

, 1000)setTimeout() 方法接收两个参数，第一个参数为回调函数或字符串，第二个参数为触发时间(单位：毫秒)setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式，用法如下。} , 1000)方法会不停地调用方法，返回的是一个 ID 值（当前为本代码中的第几个）。如果想要停止方法，需要调用方法或窗口被关闭，方法需要传一个参数，该参数为方法的ID值。

JavaScript必学知识点

m0_51452686的博客

04-20

754

定时器/事件监听/事件流/日期对象/正则表达式

JS-定时器-间歇函数(一) 图片1资源

01-17

本文将深入探讨JavaScript中的定时器，特别是间歇函数（Interval）的基础知识，并结合图片资源进行讲解。首先，我们需要了解两个核心的定时器方法：`setTimeout()`和`setInterval()`。`setTimeout()`用于在指定的...

掌握JavaScript定时器与间歇函数的应用

本资源将深入解析JavaScript中的`setInterval`方法，这是实现间歇函数的主要手段之一。首先，`setInterval`方法的基本语法如下： ```javascript let intervalId = setInterval(func, [delay], [arg1], [arg2], .....

【JavaScript】定时器与间歇函数详解

lph159的博客

09-10

640

JavaScript 中的定时器允许我们在一段时间后执行特定的代码，这为延迟执行任务或定时任务的实现提供了极大的灵活性。定时器的两种主要形式是setTimeout和，它们分别用于一次性延迟执行和周期性重复执行代码。setTimeout：用于在指定时间后执行一次操作。：用于在指定的时间间隔内重复执行操作。setTimeout和是 JavaScript 中极为有用的定时函数，为我们提供了控制时间的能力。通过合理使用定时器，开发者可以在各类场景下实现延迟、定时任务以及循环逻辑。

JS：定时器--间歇函数

2301_80270332的博客

02-18

691

介绍了两种定时器setInterval()和setTimeout()

黑马前端-Web APIs 定时器-间歇函数

黑马程序员官方博客

06-22

549

教程：JavaScript核心之Web APIs实用案例前期更新笔记内容：Web API 基本认知 / 获取DOM元素 / 设置/修改DOM元素内容和元素属性倒计时效果黑马前端专栏干货多多，关注再学，好方便~2022年前端学习路线图：课程、源码、笔记，技术栈另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我。...

WebAPI之基本概念、查找元素、修改元素、间歇函数

李建雨的博客

12-02

700

目录一、基本概念 1、Web APIs是什么？ 2、BOM和DOM 二、查找元素 1、document.querySelector 2、document.querySelectorAll 三、修改元素 1、修改元素的属性 2、修改元素的样式 3、修改元素的内容 <1>innerText <2>inneHTML 4、修改标签的类名 <1>.className <2>.classList.add <3>.classLi

Go语言实战案例:静态资源服务（CSS、JS、图片）

tenkofx的博客

08-15

664

• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。

20道Vue框架相关前端面试题及答案

qq_39540458的博客

08-14

1164

Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式

JavaScript 核心基础：类型检测、DOM 操作与事件处理

热爱音乐和二次元！

08-15

1324

本文系统梳理 JavaScript 核心知识点，包括数据类型检测规则、遍历方式、DOM操作和事件处理。重点解析 typeof 运算符对不同数据类型的检测结果，数组与对象的遍历方法差异，以及使用 querySelector 获取元素的现代方案。同时详细讲解事件绑定的两种方式（onclick 覆盖 vs addEventListener 多播）和事件冒泡机制，帮助开发者构建扎实的 JS 基础，写出更健壮的代码。

VUE3 学习笔记2 computed、watch、生命周期、hooks、其他组合式API

mashirokayo的博客

08-15

1334

在vue3中，虽然也能写vue2的computed，但还是更推荐使用vue3语法的computed。computed是一个函数。它的参数接收一个函数，这个函数可以是普通函数，也可以是箭头函数，由于vue3中没有this，所以无需关注函数类型对this指向的影响。这个函数就是计算的方法函数。但是通过这种方式定义的计算属性，是只读的，无法对属性进行修改。如果计算属性同时需要读取和修改，要通过下面这种形式：传入computed的参数是一个对象，在对象中配置get和set。

Less (CSS 预处理器)

最新发布

2401_87008233的博客

08-18

593

Less是一种CSS预处理器，为CSS添加编程特性如变量、嵌套、混合等，使样式代码更易维护。核心功能包括：变量定义复用值，嵌套反映层级关系，混合实现代码复用，支持运算和颜色函数处理，模块化导入管理。Less需编译为CSS使用，可通过命令行或构建工具实现。与Sass功能相似但语法更贴近CSS，适合提升大型项目的样式开发效率和组织性。

E2B是一个开源基础设施，允许您在云中安全隔离的沙盒中运行AI生成的代码和e2b.dev网站

skywalk8163的专栏

08-17

881

E2B是一个开源的云沙盒服务，允许在隔离环境中运行AI生成的代码。开发者需通过e2b.dev网站注册获取API key，并安装JavaScript或Python SDK来使用该服务。主要竞品包括CodeSandbox（侧重前端开发协作）和Replit（支持多语言在线编程）。E2B的核心优势在于为AI代码提供安全的执行环境，但需依赖其云端服务而非自建。使用示例展示了通过SDK在沙盒中运行简单Python代码的过程。

Layui COP证书管理系统

bemyrunningdog

08-18

145

本文介绍了一个基于Layui和SpringBoot的COP证书管理系统的完整实现方案。系统采用前后端分离架构，前端使用Layui2.8.3框架实现响应式界面，后端基于SpringBoot3.1.0和Java17开发，MySQL8.0作为数据库存储。系统实现了证书全生命周期管理（草稿、已提交、审核中、已签发、已拒绝五种状态），包含证书增删改查、批量操作、操作日志记录等核心功能。技术实现上，后端采用RESTful API设计，通过MyBatis操作数据库，前端使用Layui表格和表单组件实现数据展示和交互。系统

学习链接。

weixin_49035434的博客

08-18

246

hello 算法 0.2 如何使用本书 - Hello 算法代码随想录: 代码随想录被删的前端游乐场被删的前端游乐场Github漫游指南 : Github ebookJaveScript源码: https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js世峰的刷题网站: labuladong 的算法笔记 | labuladong 的算法笔记编程导航: 编程导航 - 程序员一站式编程学习交流社