本文详细介绍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需再刷新一下页面才能执行]