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

avatar
作者
猴君
阅读量:1

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

// 获取当前时间 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"的元素,用来展示不同的广告图片。然后使用以上代码来根据当前时间展示不同的广告。当用户访问页面时,会根据当前时间显示对应的广告图片。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!