js指定时间段显示图片广告需要自定义时间

Question

javascript指定时间段显示图片广告，之前提问只能指定正副时间，比如早上8点到晚上18点，不能设定为晚上18点到早上8点。
原帖地址https://ask.csdn.net/questions/8065686

Answer 1

引自免费微信小程序：皆我百晓生

当然可以，根据您的要求，在JavaScript中实现指定时间段（例如晚上18点到早上8点）显示图片广告的功能，您可以结合日期对象和当前时间来判断。以下是一个示例代码：

// 假设您有一个图片元素
const imgAd = document.getElementById('ad-image');

// 获取当前时间
function getCurrentTime() {
  const now = new Date();
  return now.getHours();
}

// 指定要显示广告的时间段（晚18点至早8点）
function shouldShowAd() {
  const currentTime = getCurrentTime();
  // 如果当前小时数在18到23之间，或者在0到7之间，则显示广告
  return (currentTime >= 18 || currentTime < 8);
}

// 根据时间段切换图片的显示与隐藏
function toggleAdDisplay() {
  if (shouldShowAd()) {
    imgAd.style.display = 'block'; // 显示广告图片
  } else {
    imgAd.style.display = 'none'; // 隐藏广告图片
  }
}

// 定时检查并切换广告显示状态（例如每分钟检查一次）
setInterval(toggleAdDisplay, 60000); // 每60000毫秒执行一次

// 初始加载时也检查一次
toggleAdDisplay();

请确保将'ad-image'替换为您的实际图片元素ID。这段代码会每分钟检查一次当前时间，并根据设定的时间段自动显示或隐藏广告图片。

注意：上述代码假设页面已经加载完毕且DOM元素可用。如果需要在DOM加载完成后执行此功能，请将其放入window.onload函数或其他合适的异步加载完成回调中。