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

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

相关文章

  • 禁止iframe脚本弹出的窗口覆盖了父窗口的方法

    禁止iframe脚本弹出的窗口覆盖了父窗口的方法

    这篇文章主要介绍了如何禁止iframe里面的脚本弹出的窗口覆盖了父窗口,经测试,貌似只能在IE下进行需要的朋友可以参考下
    2014-09-09
  • js实现网页随机验证码

    js实现网页随机验证码

    这篇文章主要为大家详细介绍了js实现网页随机验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • es6新增对象的实用方法总结

    es6新增对象的实用方法总结

    在JavaScript中,几乎每一个值都是某种特定类型的对象,于是ES6也着重提升了对象的功能性,下面这篇文章主要给大家介绍了关于es6新增对象实用方法的相关资料,需要的朋友可以参考下
    2022-05-05
  • 屏蔽F1~F12的快捷键的js函数

    屏蔽F1~F12的快捷键的js函数

    keyCod从113-123分别禁用了F2-F12键,13禁用了回车键(Enter),8禁用了退格键(BackSpace)
    2010-05-05
  • js判断密码强度的方法

    js判断密码强度的方法

    这篇文章主要为大家详细介绍了js判断密码强度的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • javascript下载文件5种方式实例详解

    javascript下载文件5种方式实例详解

    在Web开发中文件下载功能是一个非常常见的功能,这篇文章主要给大家介绍了关于javascript下载文件5种方式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 利用prop-types第三方库对组件的props中的变量进行类型检测

    利用prop-types第三方库对组件的props中的变量进行类型检测

    本篇文章主要介绍了利用prop-types第三方库对组件的props中的变量进行类型检测的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • JavaScript和TypeScript中的void的具体使用

    JavaScript和TypeScript中的void的具体使用

    这篇文章主要介绍了JavaScript和TypeScript中的void的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 再谈IE中Flash控件的自动激活 ObjectWrap

    再谈IE中Flash控件的自动激活 ObjectWrap

    再谈IE中Flash控件的自动激活 ObjectWrap...
    2007-03-03
  • JavaScript实现像素鸟小游戏的详细流程

    JavaScript实现像素鸟小游戏的详细流程

    最近通过javascript这门语言,然后结合html的来写一个简单的小游戏 ,这篇文章主要给大家介绍了关于JavaScript实现像素鸟小游戏的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07

最新评论