如何用JavaScript实现每8周无限循环的文本轮换逻辑？

核心思路 #

要实现长期稳定的8周循环匹配，关键是基于固定基准时间计算时间差，再通过模运算确定当前循环位置——这种方式不受年份、闰年等因素影响，15年后依然准确。

具体实现代码 #

// 1. 定义8段文本，索引0对应文本1，索引7对应文本8（可按需调整顺序）
const texts = [
  "文本1",
  "文本2",
  "文本3",
  "文本4",
  "文本5",
  "文本6",
  "文本7",
  "文本8"
];

// 2. 设定基准时间：当前第8周的起始时间（请替换为你实际的第8周开始时刻，建议用UTC时间避免时区问题）
// 示例：假设当前第8周从2024年3月18日UTC零点开始
const baseWeek8Start = new Date('2024-03-18T00:00:00Z');

// 3. 定义一周的毫秒数（固定值：7天×24小时×60分钟×60秒×1000毫秒）
const ONE_WEEK_MS = 7 * 24 * 60 * 60 * 1000;

// 4. 计算从基准时间到当前时间的总毫秒差
const timeDiff = Date.now() - baseWeek8Start.getTime();

// 5. 计算当前处于循环中的周数（1-8）
// 逻辑：基准是第8周，每过1周循环前进1位，模8后转换为1-8的索引
const currentWeekInCycle = (Math.floor(timeDiff / ONE_WEEK_MS) + 7) % 8 + 1;

// 6. 获取对应文本（数组索引从0开始，所以要减1）
const currentText = texts[currentWeekInCycle - 1];

// 输出测试
console.log(`当前是循环第${currentWeekInCycle}周，展示文本：${currentText}`);

关键细节说明 #

• 基准时间的重要性：必须准确设置为你所说的「当前第8周」的起始时刻（比如周一零点），这是整个循环的锚点，确保后续计算不会偏移。
• 时区处理：示例中用UTC时间（末尾加Z）避免不同时区的时间偏差，如果你的业务是按本地时间计算，去掉Z即可。
• 模运算逻辑：(Math.floor(timeDiff / ONE_WEEK_MS) + 7) % 8 + 1的作用是：
  • Math.floor(timeDiff / ONE_WEEK_MS)：计算从基准周后过了多少整周
  • 加7是因为基准是第8周，等价于把起始偏移量调整为7（对应模8的7号位），再加1后得到1-8的周数
  • 模8保证结果始终在1-8之间循环，无论过多少年都不会出错
• 长期稳定性：JavaScript的Date.now()能处理到公元275760年的时间，15年后完全在支持范围内，模运算的循环逻辑也不会随时间失效。

内容的提问来源于stack exchange，提问作者Laurens