js实现检测当前时间是否超过指定时间，而进行操作

最新推荐文章于 2023-07-24 11:39:14 发布

岁寒松柏

最新推荐文章于 2023-07-24 11:39:14 发布

阅读量3.5k

点赞数

分类专栏： javaScript 文章标签： button function date

javaScript 专栏收录该内容

122 篇文章 0 订阅

订阅专栏

页面有十个左右按钮，每个按钮的值都是时间，现在想实现用户不用刷新页面，系统自动检测当前时间是否超过这些按钮上的时间，如果超过就将该按钮隐藏。

<HTML>
<HEAD>
<body οnlοad="hiddenButton()">
正常的button<br/>
<input type="button" value="12:15"/>
<input type="button" value="11:05"/>
<input type="button" value="22:15"/>
<input type="button" value="10:30"/>
<input type="button" value="12:18"/>
<input type="button" value="09:15"/>
<br/>
处理后button<br/>
<input name="btn" type="button" value="12:15"/>
<input name="btn" type="button" value="11:05"/>
<input name="btn" type="button" value="22:15"/>
<input name="btn" type="button" value="10:30"/>
<input name="btn" type="button" value="12:18"/>
<input name="btn" type="button" value="09:15"/>

<div id="text"></div>
</body>
<script>

var btn = document.getElementsByName("btn");
var time = 0;//页面停留时间数
var count = 0;//已隐藏按钮数
function hiddenButton(){
	var nowTime = new Date();
	var m = nowTime.getHours() * 60 + nowTime.getMinutes();//当前时间转换成分钟
	for(var i =0;i<btn.length;i++){
		btnTime = btn[i].value;
		//button 时间转换成分钟
		var _m = btnTime.split(':')[0]*60 + btnTime.split(':')[1]*1;
		if(m > _m){
			btn[i].style.display = "none";
		}
	}

	
}

</script> 
</HTML>