javascript计时器过期后显示按钮
javascript计时器过期后如何显示按钮?我正在使用VisualStudio2010,并基于一个ASP项目来完成它 我当前的计时器代码如下:javascript计时器过期后显示按钮,javascript,timer,Javascript,Timer,javascript计时器过期后如何显示按钮?我正在使用VisualStudio2010,并基于一个ASP项目来完成它 我当前的计时器代码如下: <script type="text/javascript"> function countDown(sec, elem) { var element = document.getElementById(elem); element.innerHTML = "Time left: " + sec + " seconds";
<script type="text/javascript">
function countDown(sec, elem) {
var element = document.getElementById(elem);
element.innerHTML = "Time left: " + sec + " seconds";
if (sec < 1) {
clearTimeout(timer); //clear timeout
element.innerHTML = 'Time is up!';
document.getElementById("<%=btnPresentAnswer.ClientID %>").Visible = true;
}
sec--;
var timer = setTimeout('countDown(' + sec + ', "' + elem + '")', 1000);
}
</script>
<div id="status"></div>
<script type="text/javascript">
countDown(5, "status");
</script>
功能倒计时(秒,元素){
var元素=document.getElementById(elem);
element.innerHTML=“剩余时间:“+sec+”秒”;
如果(秒<1){
clearTimeout(计时器);//清除超时
element.innerHTML='时间到了!';
document.getElementById(“”).Visible=true;
}
第二节;
var timer=setTimeout('倒计时('+sec+',“'+elem+'”),1000);
}
倒计时(5,“状态”);
您需要设置间隔
:
功能倒计时(秒,元素){
var intervalId=未定义;
var intervalId=setInterval(函数(){
var元素=document.getElementById(elem);
element.innerHTML=“剩余时间:“+sec+”秒”;
如果(秒<1){
clearInterval(intervalId);
element.innerHTML='时间到了!';
//document.getElementById(“”).style.visibility=“可见”//← 取消这行的注释!
}
第二节;
}, 1000);
}
倒计时(5,“状态”)代码>
您需要设置间隔
:
功能倒计时(秒,元素){
var intervalId=未定义;
var intervalId=setInterval(函数(){
var元素=document.getElementById(elem);
element.innerHTML=“剩余时间:“+sec+”秒”;
如果(秒<1){
clearInterval(intervalId);
element.innerHTML='时间到了!';
//document.getElementById(“”).style.visibility=“可见”//← 取消这行的注释!
}
第二节;
}, 1000);
}
倒计时(5,“状态”)代码>
也许您应该在按钮中添加显示:无,然后如果计时器完成,您应该将显示值替换为块
例如:
假设这里有html块
这就是按钮
// html
// head
// end head
// body
<button style="display:none">Test</button> // this will not show in the UI
<script>
// your timer function
// then if timer is up you should manipulate the display:none turn it into this display:block;
</script>
//end body
// end html
//html
//头
//端头
//身体
测试//这不会显示在UI中
//你的定时器功能
//然后,如果计时器已启动,则应操纵显示:无将其转换为此显示:块;
//端体
//结束html
也许您应该在按钮中添加显示:无,然后如果计时器已完成,则您应该将显示值替换为块
例如:
假设这里有html块
这就是按钮
// html
// head
// end head
// body
<button style="display:none">Test</button> // this will not show in the UI
<script>
// your timer function
// then if timer is up you should manipulate the display:none turn it into this display:block;
</script>
//end body
// end html
//html
//头
//端头
//身体
测试//这不会显示在UI中
//你的定时器功能
//然后,如果计时器已启动,则应操纵显示:无将其转换为此显示:块;
//端体
//结束html
更改此行:
document.getElementById("<%=btnPresentAnswer.ClientID %>").Visible = true;
document.getElementById(“”).Visible=true;
致:
document.getElementById(“”).style.visibility=“visible”;
假设您已将初始可见性设置为其他位置的“隐藏”,例如:
<button id="<%=btnPresentAnswer.ClientID %>" style="visibility:hidden">submit</button>
提交
您也可以使用“style.display=block/inline/none”切换显示/隐藏,但“显示”和“可见性”之间有一点区别:
显示=无:不可见按钮不占用空间
可见性=不可见:不可见按钮确实占用空间。更改此行:
document.getElementById("<%=btnPresentAnswer.ClientID %>").Visible = true;
document.getElementById(“”).Visible=true;
致:
document.getElementById(“”).style.visibility=“visible”;
假设您已将初始可见性设置为其他位置的“隐藏”,例如:
<button id="<%=btnPresentAnswer.ClientID %>" style="visibility:hidden">submit</button>
提交
您也可以使用“style.display=block/inline/none”切换显示/隐藏,但“显示”和“可见性”之间有一点区别:
显示=无:不可见按钮不占用空间
可见性=不可见:不可见按钮确实会占用空间