当前位置:首页 > JavaScript

js代码实现到时

2026-03-16 04:04:26JavaScript

定时执行函数

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

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

setTimeout(delayedFunction, 3000);

循环定时执行

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

js代码实现到时

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

const intervalId = setInterval(repeatedFunction, 2000);

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

使用Promise实现延迟

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

js代码实现到时

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:

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

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

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

相关文章

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

淘宝css代码制作

淘宝css代码制作

在淘宝店铺装修中,CSS代码用于自定义页面样式,提升视觉体验。以下是关键方法和注意事项: 自定义模块样式 通过淘宝旺铺的“自定义模块”功能,可以插入CSS代码。代码需包裹在<style>…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…

js实现下拉菜单

js实现下拉菜单

使用HTML和CSS创建基础结构 HTML部分需要包含一个触发下拉的按钮和隐藏的下拉菜单内容: <div class="dropdown"> <button class="dr…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…