使用JavaScript在指定PST时间后隐藏.test类的技术实现问询

要实现当系统时间晚于PST 2023年8月11日下午2点时隐藏.test元素，核心是准确处理时区转换，避免本地时区差异导致判断错误。以下是调整后的代码及逻辑说明：

核心思路 #

太平洋标准时间（PST）为UTC-8时区，因此PST 2023年8月11日14:00对应的UTC时间是2023-08-11T22:00:00Z。我们需要基于这个UTC时间创建判断基准，再与当前系统时间的时间戳对比，确保判断不受用户本地时区影响。

调整后的完整代码 #

// 创建目标PST时间对应的UTC基准时间对象
const targetPSTTime = new Date(Date.UTC(2023, 7, 11, 22, 0, 0)); // 注意：JavaScript月份为0索引，8月对应数字7
// 获取当前系统时间
const currentTime = new Date();

// 时间判断：若当前时间晚于目标PST时间，隐藏所有.test元素
if (currentTime.getTime() > targetPSTTime.getTime()) {
  document.querySelectorAll('.test').forEach(el => {
    el.style.display = 'none';
  });
}

关键细节说明 #

• 用Date.UTC()生成基准时间：该方法直接创建UTC时区的时间对象，彻底避免本地时区干扰，保证时间判断的准确性。
• 月份的0索引规则：JavaScript的Date对象中，月份从0开始计数（1月=0，8月=7），此处必须传入7才能正确指向8月。
• 批量处理元素：使用querySelectorAll()获取所有匹配.test的元素，遍历设置隐藏样式，确保所有目标元素都被处理。

如果你的原有示例代码是直接用本地时间创建目标日期（比如new Date(2023,7,11,14)），这种写法会把时间默认按本地时区解析，而非PST，必须替换为上述UTC时间的创建方式才能满足需求。

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