js指定时间段显示图片广告

Question

javascript指定时间段显示图片广告，网上找了许多都无效，看看这里有没有懂的。

Answer 1

该回答引用自GPT-4,由博主GISer Liu编写：

要在JavaScript中在特定时间段显示图片广告，可以通过以下步骤实现：

1. 确定时间段

首先，你需要确定显示广告的时间段。例如，假设你希望每天的10:00至15:00之间显示广告。

2. 获取当前时间

使用JavaScript的Date对象来获取当前时间，并与你设置的时间段进行比较。

3. 显示或隐藏广告

根据当前时间是否在设定的时间段内，使用JavaScript来控制广告图片的显示或隐藏。

具体实现步骤：

步骤1：HTML部分

首先，在HTML中放置你的图片广告，但初始时让它隐藏。
htmlCopy code

<img id="adImage" src="your-ad-image.jpg" style="display:none;">

步骤2：JavaScript部分

然后，编写JavaScript代码来根据时间段控制广告的显示。
javascriptCopy code

function checkAdDisplay() {
var now = new Date();
var start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 0, 0); // 今天10:00
var end = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 15, 0, 0); // 今天15:00
var adImage = document.getElementById('adImage');
if (now > start && now < end) {
// 如果当前时间在10:00到15:00之间，显示广告
adImage.style.display = 'block';
} else {
// 否则，隐藏广告
adImage.style.display = 'none';
}
}
// 每分钟检查一次，决定是否显示广告
setInterval(checkAdDisplay, 60000);
// 页面加载时也进行一次检查
checkAdDisplay();

说明：

• Date对象用于获取当前时间和定义广告显示的开始和结束时间。
• getElementById用于获取页面上的广告图片元素。
• setInterval函数用于设置定时检查，这里设置为每分钟检查一次，以便在进入或离开设定的时间段时及时更新广告的显示状态。
• 页面加载时调用checkAdDisplay函数来确保如果页面在广告应该显示的时间段内加载，广告会立即显示。
  这个解决方案简单明了，易于实现，并且可以根据实际需求进行调整，例如改变广告显示的时间段或频率。

如果该回答解决了您的问题，请采纳！如果没有，请参考以下方案进行修订