JS根据当天不同时间显示不同广告的代码
更新时间:2023年02月09日 20:52:51 投稿:mdxy-dxy
这篇文章主要介绍了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='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
测试时可以调整电脑时间。
相关文章
利用prop-types第三方库对组件的props中的变量进行类型检测
本篇文章主要介绍了利用prop-types第三方库对组件的props中的变量进行类型检测的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05JavaScript和TypeScript中的void的具体使用
这篇文章主要介绍了JavaScript和TypeScript中的void的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-09-09
最新评论