Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript计时器过期后显示按钮_Javascript_Timer - Fatal编程技术网

javascript计时器过期后显示按钮

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";

javascript计时器过期后如何显示按钮?我正在使用VisualStudio2010,并基于一个ASP项目来完成它

我当前的计时器代码如下:

<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”切换显示/隐藏,但“显示”和“可见性”之间有一点区别:

显示=无:不可见按钮不占用空间

可见性=不可见:不可见按钮确实会占用空间