js实现检测当前时间是否超过指定时间，而进行操作
页面有十个左右按钮，每个按钮的值都是时间，现在想实现用户不用刷新页面，系统自动检测当前时间是否超过这些按钮上的时间，如果超过就将该按钮隐藏。...
页面有十个左右按钮，每个按钮的值都是时间，现在想实现用户不用刷新页面，系统自动检测当前时间是否超过这些按钮上的时间，如果超过就将该按钮隐藏。
展开
2个回答
展开全部
<body onload="hiddenButton()">
<button name="btn" time="10">10秒</button>
<button name="btn" time="16">16秒</button>
<button name="btn" time="9">9秒</button>
<button name="btn" time="3">3秒</button>
<button name="btn" time="5">5秒</button>
<button name="btn" time="38">38秒</button>
<button name="btn" time="12">12秒</button>
<button name="btn" time="23">23秒</button>
<button name="btn" time="8">8秒</button>
<button name="btn" time="4">4秒</button>
<div id="text"></div>
</body>
<script>
var btn = document.getElementsByName("btn");
var time = 0;//页面停留时间数
var count = 0;//已隐藏按钮数
function hiddenButton(){
for(var i =0;i<btn.length;i++){
if(btn[i].time<=time && btn[i].style.display !="none"){
btn[i].style.display = "none";
count++;
}
}
time++;
document.getElementById("text").innerHTML = "本页面已打开"+time+"秒，已隐藏"+count+"个按钮";
setTimeout("hiddenButton()",1000);
}
</script>
<button name="btn" time="10">10秒</button>
<button name="btn" time="16">16秒</button>
<button name="btn" time="9">9秒</button>
<button name="btn" time="3">3秒</button>
<button name="btn" time="5">5秒</button>
<button name="btn" time="38">38秒</button>
<button name="btn" time="12">12秒</button>
<button name="btn" time="23">23秒</button>
<button name="btn" time="8">8秒</button>
<button name="btn" time="4">4秒</button>
<div id="text"></div>
</body>
<script>
var btn = document.getElementsByName("btn");
var time = 0;//页面停留时间数
var count = 0;//已隐藏按钮数
function hiddenButton(){
for(var i =0;i<btn.length;i++){
if(btn[i].time<=time && btn[i].style.display !="none"){
btn[i].style.display = "none";
count++;
}
}
time++;
document.getElementById("text").innerHTML = "本页面已打开"+time+"秒，已隐藏"+count+"个按钮";
setTimeout("hiddenButton()",1000);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
七鑫易维信息技术
2024-09-02 广告
Play Video 七鑫易维是致力于机器视觉和人工智能领域的高新科技企业，迄今已专注眼球追踪技术的研发、创新与应用超过14年，拥有完全自主知识产权，全球专利总量655余项。 作为眼球追踪技术领域的全球知名品牌，七鑫易维的产品体系覆盖眼动分...
点击进入详情页
本回答由七鑫易维信息技术提供
展开全部
<HTML>
<HEAD>
<body onload="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>
<HEAD>
<body onload="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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
