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

本文小编为大家详细介绍“JS怎么根据当天不同时间显示不同广告”，内容详细，步骤清晰，细节处理妥当，希望这篇“JS怎么根据当天不同时间显示不同广告”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

在逛一些商城类网站我们会发现很多商品秒杀广告多少时间会自动切换下一个，想实现这种效果我们可以用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='https://cache.yisu.com/upload/information/20230209/112/9581.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

测试时可以调整电脑时间。

读到这里，这篇“JS怎么根据当天不同时间显示不同广告”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。