Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js settimeout的作用

作者:◇梦◆饭饭   发布日期:2025-04-12   浏览:42

// 使用 setTimeout 实现延迟执行代码

// 示例 1: 基本用法
console.log("开始");
setTimeout(() => {
  console.log("3秒后执行");
}, 3000); // 3000 毫秒 = 3 秒
console.log("结束");

// 解释:
// - setTimeout 的第一个参数是一个函数,表示要延迟执行的代码。
// - 第二个参数是延迟的时间,单位为毫秒。
// - 上面的代码会先输出 "开始" 和 "结束",然后在 3 秒后输出 "3秒后执行"。

// 示例 2: 使用 setTimeout 实现简单的倒计时
let count = 5;
const countdown = () => {
  console.log(count);
  count--;
  if (count >= 0) {
    setTimeout(countdown, 1000); // 每隔 1 秒调用一次 countdown 函数
  } else {
    console.log("倒计时结束!");
  }
};
countdown();

// 解释:
// - 这里我们使用了递归调用 setTimeout 来实现一个简单的倒计时功能。
// - 每次调用 countdown 函数后,都会等待 1 秒再继续调用,直到倒计时结束。

上一篇:js arr splice

下一篇:js click方法

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

js 获取今天年月日

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站