JavaScript中setTimeout与setInterval的使用方法及示例

作者:木棉

时间:2026-10-23

浏览:536

本文详细介绍JavaScript中setTimeout和setInterval两个核心定时函数的用法。通过具体代码示例,演示如何执行单次延时操作以及如何实现周期性重复执行,帮助开发者掌握前端定时任务的基本技巧。

文章目录

setTimeout与setInterval基本概念

setTimeout函数用于在指定的毫秒数后执行一次代码,其语法为setTimeout(script, millisecond),其中script是要执行的代码,millisecond是延时时间(毫秒)。


setInterval函数用于每隔指定的毫秒数重复执行一次代码,其语法为setInterval(script, millisecond),其中script是要执行的代码,millisecond是执行间隔时间(毫秒)。


以下是具体的使用示例:


代码示例与操作说明

1. 执行一次延时操作


 <span id ="time"></span> 秒  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


2. 复制执行代码


 <span id ="time"> 3 </span> 秒  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


此外,setTimeout也可以被用来实现重复执行的效果


 <span id ="time"></span> 秒  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章