JS根據當天不同時間顯示不同廣告的代碼

Posted on by

在逛一些商城類網站我們會發現很多商品秒殺廣告多少時間會自動切換下一個，想實現這種效果我們可以用js判斷當天時間段來顯示不同廣告。

var h = new Date().getHours();
var t = "";
if(h >= 6 && h <= 12){
        t = "廣告1";        
}else if(h >= 14 && h <= 20){
        t = "廣告2";
}
  else if(h >= 21 || h <= 6){
        t = "廣告3";
  }
document.getElementById('time_ads').innerHTML = t;

PS：當天上午6點到12點顯示廣告1，下午14點到20點顯示廣告2，晚上19點到次日6點顯示廣告3

代碼二

<script type="text/javascript">
var h = new Date().getHours();
var t = "";
if(h >= 7 && h <= 13){
        t = "<div class='inde_t_ad'><a href='http://www.moyublog.com/' target='_blank' rel='nofollow'><img src='/skin/add/a1.jpg' border='0' /></a></div>";        
}else if(h >= 14 && h <= 20){
        t = "廣告2";
}
  else if(h >= 21 || h <= 6){
        t = "廣告3";
  }
document.getElementById('time_ads').innerHTML = t;
</script>

廣告代碼分時段顯示
早7點到13點顯示廣告1
14點到20點顯示廣告2
19點到次日6點顯示廣告3

測試時可以調整電腦時間。

推薦閱讀：