JavaScriptで時間帯別広告表示を実装する方法

現在の時間を取得して、異なる広告を表示するかどうかを動的に判断することができます。以下は簡単なサンプルコードです:

// 获取当前时间
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'>";
}

“ad”というIDを持つ要素をページに追加し、異なる広告画像を表示する。そして、現在の時間に基づいて異なる広告を表示するために上記のコードを使用する。ユーザーがページを訪れると、現在の時間に応じて対応する広告画像が表示されます。

bannerAds