当前位置:首页 > JavaScript

js代码实现到时

2026-03-16 04:04:26JavaScript

定时执行函数

使用 setTimeout 方法可以在指定时间后执行一次函数。以下是一个示例代码:

function delayedFunction() {
  console.log('这段代码将在3秒后执行');
}

setTimeout(delayedFunction, 3000);

循环定时执行

使用 setInterval 方法可以每隔固定时间重复执行函数。以下代码每2秒执行一次:

function repeatedFunction() {
  console.log('这段代码每2秒执行一次');
}

const intervalId = setInterval(repeatedFunction, 2000);

// 清除定时器
// clearInterval(intervalId);

使用Promise实现延迟

结合Promise和async/await可以更优雅地实现延迟:

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function delayedExecution() {
  console.log('开始等待');
  await delay(5000);
  console.log('5秒后执行');
}

delayedExecution();

基于日期的定时执行

如果需要特定时间点执行,可以计算时间差:

function scheduleAt(time) {
  const now = new Date();
  const target = new Date(time);
  const delay = target - now;

  if(delay > 0) {
    setTimeout(() => {
      console.log(`在预定时间 ${target} 执行`);
    }, delay);
  } else {
    console.log('指定时间已过去');
  }
}

// 示例:安排在5分钟后执行
const futureTime = new Date(Date.now() + 5 * 60 * 1000);
scheduleAt(futureTime);

取消定时器

所有定时器都可以被取消,需要保存返回的ID:

js代码实现到时

const timerId = setTimeout(() => {}, 1000);
clearTimeout(timerId);

const intervalId = setInterval(() => {}, 1000);
clearInterval(intervalId);

标签: 代码js
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它的设计宗旨是“Write Less, Do Mor…

vue扫码登录代码实现

vue扫码登录代码实现

Vue 扫码登录实现方案 准备工作 确保项目已安装 Vue 2/3 及相关依赖,需要后端提供生成二维码和验证扫码状态的接口。 生成二维码 使用 qrcode 库生成登录二维码,需调用后端接口获取唯一…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js 实现继承

js 实现继承

原型链继承 通过让子类的原型对象指向父类的实例来实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Par…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js分组实现

js分组实现

分组实现方法 在JavaScript中,可以通过多种方式实现数组或对象的分组操作。以下是几种常见的方法: 使用Array.prototype.reduce() 通过reduce方法可以轻松实现数组分…