根据一天中的时间(javascript)更改css样式
我正在尝试编写一个小的.js文件,根据一天中的时间,将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)
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&&hourDate().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);