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
测试时可以调整电脑时间。
相关文章
这篇文章主要为大家详细介绍了移动端触摸滑动插件swiper的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了详解webpack 多页面/入口支持&公共组件单独打包,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了如何在 JavaScript 数组中插入元素,在本文中,我们学习了使用 splice() 方法将元素添加到数组的开始、末尾或任何位置的各种方法,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了你不知道的 TypeScript 高级类型(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了利用JS如何实现点击表头后表格自动排序，其中包含数字排序、字符串排序以及日期格式的排序，文中给出了完整的示例代码，相信对大家具有一定的参考价值，感兴趣的朋友们一起来看看吧。2017-01-01
这篇文章主要为大家详细介绍了小程序开发之模态框组件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
document.write()及其输出内容的样式、位置控制
document.write（），用于简单的打印内容到页面上，可以逐字打印你需要的内容，既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式2013-08-08
前端Webpack配置之eval-source-map使用方法
eval-source-map 是 Webpack 中 devtool 选项的一种模式,它提供了一种内联 Source Map 的方式,用于开发环境中的源代码映射,这篇文章主要介绍了前端Webpack配置之eval-source-map使用方法,需要的朋友可以参考下2024-12-12
这篇文章主要介绍了js获取当前时间，一种是获取昨天、今天、明天的准确时间，一个精确到时分秒,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了iscroll实现下拉刷新功能的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
最新评论