根据一天中的时间(javascript)更改css样式

根据一天中的时间(javascript)更改css样式,javascript,Javascript,我正在尝试编写一个小的.js文件,根据一天中的时间,将css样式从display:block更改为display:none,08.30至17.00显示块和17.00至08.30显示无 以下是我目前掌握的情况: <script language="JavaScript"> day=new Date() //..get the date x=day.getHours() //..get the hour if(x>=8.30 && x<17)

我正在尝试编写一个小的.js文件,根据一天中的时间,将css样式从
display:block
更改为
display:none
,08.30至17.00显示块和17.00至08.30显示无

以下是我目前掌握的情况:

<script language="JavaScript">
day=new Date()     //..get the date
x=day.getHours()    //..get the hour

if(x>=8.30 && x<17) {

  document.write('<style type="text/css">#live{display:block}"></style>')

 } else

 if(x>=17 && x<8.30) {

   document.write('<style type="text/css">#live{display:none}"></style>')

};

</script>

日期=新日期()/…获取日期
x=day.getHours()/…获取小时数
如果(x>=8.30&&x=17&&x=1600&&hour
Date().getHours()
返回一个整数。要使代码正常工作,必须执行以下操作:

var dateObj = new Date();
var hour = dateObj.getHours() * 100 + dateObj.getMinutes();

if (hour >= 830 && hour <= 1700) {
    document.getElementById('your_el').style.display = "none";
}
var dateObj=new Date();
var hour=dateObj.getHours()*100+dateObj.getMinutes();
如果(小时>=830&&hour
  • getHours()
    返回一个整数(0到23)。对于8:30,您将 需要相应地检查
    getHours()
    getMinutes()
  • 最后一个分号不需要在那里
  • getHours()
    试一试


    关于
    if
    之后不需要它,但最好将它放在每行代码的末尾(即每隔一行)

    您知道
    day.getHours()
    返回一个int值,是吗?感谢Spudley的更正否,使用
    8.30
    不会按您希望的方式工作。来自
    getHours()
    的小时值将始终是一个整数值。未意识到那天。getHours()retured int value感谢Joseph amd Neal,所以我现在就开始吧。我可能读错了,但是如果你的
    live
    风格是针对真正“live”的东西,那么检查代码服务器端而不是客户端不是更正确吗?如果客户端位于不同的时区,那么它将显示“live”I当您不希望时进行信息处理。好的,这就是我现在使用的,所以我可以在此时进行测试,但似乎无法工作var dateObj=new Date();var hour=dateObj.getHours()*100+dateObj.getMinutes();如果(hour>=16&&hour@dave你说它不工作是什么意思?条件应该是
    hour>=1600&&hour它似乎没有隐藏(diply:none)css样式到DOM准备就绪的时间你是说添加$(document).准备就绪(function(){到脚本中我已经尝试过了,仍然没有乐趣
    
    var dateObj = new Date();
    var hour = dateObj.getHours() * 100 + dateObj.getMinutes();
    
    if (hour >= 830 && hour <= 1700) {
        document.getElementById('your_el').style.display = "none";
    }
    
    x=day.getHours()+ (day.getMinutes()/100);