隐藏按钮基于小时
Hide button based on hours
在页面上,Save按钮应该根据系统时间显示或隐藏。我想隐藏保存按钮,每天上午10点后。我的坏代码
<script type="text/javascript">
var currentTime = new Date();
var hours = currentTime.getHours();
var newButton = document.getElementById("btn1");
if(hours>10) {
newButton.style.display = "none";
//tried this one too
// document.getElementById('btn1').style.visibility = 'hidden';
}
else {
newButton.style.display = "block";
}
</script>
在HTML代码中我添加了
<input id="btn1" type="button" value="Save" name="btnSave" onclick="javascript: {ddwrt:GenFireServerEvent('__commit')}" />
有任何建议或帮助
你的函数可以非常简单,例如:
window.addEventListener("load", function(){
var newButton = document.getElementById("btn1");
newButton.style.visibility = new Date().getHours() > 10? 'none' : '';
});
请注意,按钮的默认显示值是inline-block
,但并非所有浏览器都必须使用该值,并且可以使用CSS将其设置为其他值。将display设置为"(空字符串)可以让它采用特定浏览器或样式表的默认或继承样式,并且您不必每次页面设计人员改变主意时都更改代码。
用onload事件包装。你的按钮还没在页面上。尚未呈现的元素不能被寻址。
window.addEventListener("load", function(){
var currentTime = new Date();
var hours = currentTime.getHours();
var newButton = document.getElementById("btn1");
if(hours>10) {
newButton.style.display = "none";
}
else {
newButton.style.display = "block";
}
}, false);
这样,当页面加载并且相关按钮存在时,它就会触发。
或者像Deef评论的那样,把script标签放在页面底部
相关文章:
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 如何在iOS应用程序中从Firebase中删除超过6小时的数据
- IE在将字符串转换为日期时从日期中删除4小时
- 调整屏幕大小时更改属性值
- 将直流图表库中的折线图缩放限制为小时
- 为什么要做新的.Date()与new相差1小时.日期().到ISOString()
- 让谷歌数据图表有一个24小时x轴
- Jqgrid 24小时格式的日期列
- 如果在过去两个小时内没有记录,返回0,javascript逻辑
- 解析云代码作业:删除在数据库中已经存在一个小时的行
- JavaScript:如何每整小时做一些事情
- 如何在浏览器窗口变大/变小时捕捉元素的宽度
- javascript日期减去小时-错误
- 每小时倒计时一次,但以30分钟为单位
- 来自 Mongo Collection 的条目更新于 24 小时
- 如何使用 javascript 将小时转换为 12 小时/24 小时格式
- 用推导的单位进行计算(例如1小时*1英里/小时)
- 如何表示小时到小时的Highcharts工具提示-时间序列