JS根据当天不同时间显示不同广告怎么实现

249

2024/3/9 17:08:29

栏目: 编程语言

你可以通过获取当前时间来动态判断展示不同的广告。以下是一个简单的示例代码：

// 获取当前时间
var currentTime = new Date();
var currentHour = currentTime.getHours();

// 根据时间条件展示不同的广告
if (currentHour < 12) {
    // 上午展示广告1
    document.getElementById("ad").innerHTML = "<img src='ad1.jpg'>";
} else if (currentHour < 18) {
    // 下午展示广告2
    document.getElementById("ad").innerHTML = "<img src='ad2.jpg'>";
} else {
    // 晚上展示广告3
    document.getElementById("ad").innerHTML = "<img src='ad3.jpg'>";
}

在页面中添加一个id为"ad"的元素，用来展示不同的广告图片。然后使用以上代码来根据当前时间展示不同的广告。当用户访问页面时，会根据当前时间显示对应的广告图片。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

JS根据当天不同时间显示不同广告怎么实现

最新知识库

相关标签