如何在ASP.NET中使用javascript永久禁用按钮? [英] How to permanently disable a button using javascript in ASP.NET?
本文介绍了如何在ASP.NET中使用javascript永久禁用按钮?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
I've created a countdown timer using javascript in asp.net. After completion of time, Button1 becomes disabled, but when I reload the page, the countdown timer is reset and Button1 is enabled.
I want to permanently disable Button1 when timer is equal to zero. My code is:
我尝试过:
What I have tried:
var tim;
var min = 01;
var sec = 00;
var f = new Date();
function f1() {
f2();
}
function f2() {
if (parseInt(sec) > 0) {
sec = parseInt(sec) - 1;
document.getElementById("showtime").innerHTML = ""+min+" Minutes ,"+sec+" Seconds";
tim = setTimeout("f2()", 1000);
}
else {
if (parseInt(sec) == 0) {
min = parseInt(min) - 1;
if (parseInt(min) == -1) {
clearTimeout(tim);
$("#Button1").prop('disabled', true);
}
else {
sec = 60;
document.getElementById("showtime").innerHTML = "" + min + " Minutes ," + sec + " Seconds";
tim = setTimeout("f2()", 1000);
}
}
}
}
<body onload="f1()">
<div><h3>Time will be finished after:</h3>
</div>
<div id="showtime"></div>
<div> <asp:Button ID="Button1" runat="server" Text="Submit"/></div>`
</body>
推荐答案
( #Button1)。prop(< span class =code-string>' disabled', true );
}
其他 {
sec = 60 ;
document .getElementById( showtime).innerHTML = + min + 分钟, + sec + 秒跨度>;
tim = setTimeout( f2(), 1000 跨度>);
}
}
}
}
("#Button1").prop('disabled', true); } else { sec = 60; document.getElementById("showtime").innerHTML = "" + min + " Minutes ," + sec + " Seconds"; tim = setTimeout("f2()", 1000); } } } }
<body onload="f1()">
<div><h3>Time will be finished after:</h3>
</div>
<div id="showtime"></div>
<div> <asp:Button ID="Button1" runat="server" Text="Submit"/></div>`
</body>
你的例子
-----------------------
Example for you
-----------------------
<body onload="display_c(1121);" >
<script type="text/javascript">
function display_c(start) {
window.start = parseFloat(start);
var end = 0 // change this to stop the counter at a higher value
var refresh = 1000; // Refresh rate in milli seconds
if (window.start >= end) {
mytime = setTimeout('display_ct()', refresh)
}
else {
display_ct()();
(#Button1)。prop('disabled',true);
alert(Time Over);
}
}
函数display_ct(){
//计算剩余天数
var days = Math.floor( window.start / 86400);
//扣除天数后计算剩余小时数
var hours = Math.floor((window.start - (days * 86400))/ 3600)
//天后和小时,剩下多少分钟
var minutes = Math.floor((window.start - (days * 86400) - (hours * 3600))/ 60)
//最后剩下多少秒删除天,小时和分钟。
var secs = Math.floor((window.start - (days * 86400) - (hours * 3600) - (minutes * 60)))
var x = window.start + (+天+天+小时+小时+分钟+分钟和+秒+Secondes+);
document.getElementById('day')。innerHTML = days;
document.getElementById('hours')。innerHTML = hours;
document.getElementById('minutes')。innerHTML = minutes;
document.getElementById('second')。innerHTML = secs;
window.start = window.start - 1;
tt = display_c(window.start);
}
< / script>
("#Button1").prop('disabled', true); alert("Time Over "); } } function display_ct() { // Calculate the number of days left var days = Math.floor(window.start / 86400); // After deducting the days calculate the number of hours left var hours = Math.floor((window.start - (days * 86400)) / 3600) // After days and hours , how many minutes are left var minutes = Math.floor((window.start - (days * 86400) - (hours * 3600)) / 60) // Finally how many seconds left after removing days, hours and minutes. var secs = Math.floor((window.start - (days * 86400) - (hours * 3600) - (minutes * 60))) var x = window.start + "(" + days + " Days " + hours + " Hours " + minutes + " Minutes and " + secs + " Secondes " + ")"; document.getElementById('day').innerHTML = days; document.getElementById('hours').innerHTML = hours; document.getElementById('minutes').innerHTML = minutes; document.getElementById('second').innerHTML = secs; window.start = window.start - 1; tt = display_c(window.start); } </script>
这篇关于如何在ASP.NET中使用javascript永久禁用按钮?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文