求助：使用JavaScript实现按钮定时隐藏功能遇问题

我来帮你排查下代码里的问题，你这个需求其实不难，主要是几个小细节没处理对：

代码里的核心问题 #

• 获取当前时间的方式错误：Date().now是无效写法，Date()返回的是字符串，并没有now属性。正确获取当前时间的方式是const now = new Date();（得到标准Date对象）或者const nowTimestamp = Date.now();（得到时间戳）。
• 样式状态判断不可靠：button.style.visibility只能读取元素的内联样式，如果按钮的初始可见性是通过外部CSS定义的，这个值会是空字符串，直接导致判断逻辑失效。更稳妥的方式是直接基于时间条件设置样式，不用依赖当前的样式状态。
• 逻辑可能与需求不符：你当前的代码是在「11:55之前」或「21:51之后」隐藏按钮，如果你实际需求是在11:55到21:51之间隐藏按钮，那逻辑需要反过来调整。

修正后的代码 #

JavaScript部分 #

function myTimer() {
  const now = new Date();
  // 设定当天的隐藏时间段起点和终点
  const hideStartTime = new Date();
  hideStartTime.setHours(11, 55, 0, 0); // 加上毫秒参数，确保时间精准度
  const hideEndTime = new Date();
  hideEndTime.setHours(21, 51, 0, 0);

  const button = document.getElementById("verse1");
  
  // 判断当前时间是否在需要隐藏的区间内
  // 这里逻辑是：11:55-21:51之间隐藏按钮，其余时间显示
  if (now >= hideStartTime && now <= hideEndTime) {
    button.style.visibility = "hidden";
  } else {
    button.style.visibility = "visible";
  }
}

// 页面加载时先执行一次，避免初始状态错误
myTimer();
// 每隔500ms检查一次时间状态
window.setInterval(myTimer, 500);

HTML部分 #

<button id="verse1">hello</button>

额外优化建议 #

• 如果希望按钮隐藏后不占据页面布局空间，可以用button.style.display = "none"替代visibility: hidden，后者仅隐藏元素但仍保留原有位置。
• 可以把时间参数抽成独立变量，方便后续修改维护：比如const hideStart = [11,55,0]，const hideEnd = [21,51,0]，设置时间时用hideStartTime.setHours(...hideStart)即可。

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