×

原生JS应用:根据当天不同时间显示不同广告的代码

作者:qing20202023.02.10来源:Web前端之家浏览:396评论:0
关键词: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='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

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

OK,差不多了,大家可以去试试吧。

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20230210a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    啊...

  • jimmy

    SEO更多跟代码有关。...

  • jianj

    node看上有点复杂...

  • 访客

    正好遇到,谢谢分享...

  • jimmy

    这个很有趣,国内SEO更多的是百度...

  • jenny

    VUE的总结的不错啊,收藏了。下次搞点React的啊...

  • jenny

    win7最经典,想当初win8出来后都没它好用,怀恋经典。。。...

  • Terry

    谢谢提醒,插件已经修复。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2023 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.7.2