JS方法——Timing（时间方法）
JavaScript可以在时间间隔内执行，即所谓的定时事件（Timing Events）
setTimeout
- 在等待指定的毫秒数后执行函数。
- 一次性任务
- 延迟操作
- 异步的
window.setTimeout(function, milliseconds);
//1.参数要执行的函数，2.参数执行之前的等待毫秒数。
//可以不带window来执行。实例：
<button onclick="setTimeout(myFunction, 3000)">试一试</button>
<script>
function myFunction() {
alert('Hello');
}
</script>
//等待3秒后，页面提示用clearTimeout方法来停止执行setTimeout中规定的函数。
实例：
<html>
<body>
<p>点击“试一试”。等 3 秒。该页面将提醒“Hello”。</p>
<p>单击“停止”以阻止第一个函数执行。</p>
<p>（在 3 秒钟之前，您必须单击“停止”。）</p>
<button onclick="myVar = setTimeout(myFunction, 3000)">试一试</button>
<button onclick="clearTimeout(myVar)">停止</button>
<script>
function myFunction() {
alert("Hello");
}
</script>
</body>
</html>setInterval
- 在每个给定的时间间隔重复给定的函数。
- 以毫秒来进行计算。
window.setInterval(function, milliseconds);
//第一个参数时要执行的函数，第二个参数每个执行之间的时间间隔的长度
//方法可以不带window前缀来写实例：
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
//显示当前时间用clearInterval方法来停止setInterval方法中指定的函数执行。
myVar = setInterval(function, milliseconds);
clearInterval(myVar);
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）