-1

我有一个从某个日期开始运行到零的 javascript 计时器，我需要它来禁用我的 html/php 页面上的提交按钮，这是我的表单代码。我尝试了多种途径，但这些方法似乎都不起作用

<form id="MakeBid" action="MakeBid.php" method="POST">
  <input type="hidden" name="propertyID" value ="1"/>
  <div>Bid Now <input type="text" name="pricesoldfor"/></div> 
  <input id = "submit" type="submit" value="Submit" /> 
</form>

这是我拥有的 javascript 代码

function calcage(secs, num1, num2) {
    s = ((Math.floor(secs / num1)) % num2).toString();
    if (LeadingZero && s.length < 2) s = "0" + s;
    return "<b>" + s + "</b>";
}

function CountBack(secs) {
    if (secs < 0) {
        document.getElementById("cntdwn").innerHTML = FinishMessage;


        return;
    }
    DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs, 86400, 100000));
    DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs, 3600, 24));
    DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs, 60, 60));
    DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs, 1, 60));
    document.getElementById("cntdwn").innerHTML = DisplayStr;
    if (CountActive) setTimeout("CountBack(" + (secs + CountStepper) + ")", SetTimeOutPeriod);
}

function putspan(backcolor, forecolor) {
    document.write("<span id='cntdwn' style='background-color:" + backcolor + "; color:" + forecolor + "'></span>");
}

if (typeof(BackColor) == "undefined") BackColor = "white";
if (typeof(ForeColor) == "undefined") ForeColor = "black";
if (typeof(TargetDate) == "undefined") TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat) == "undefined") DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive) == "undefined") CountActive = true;
if (typeof(FinishMessage) == "undefined") FinishMessage = "";
if (typeof(CountStepper) != "number") CountStepper = -1;
if (typeof(LeadingZero) == "undefined") LeadingZero = true;
CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0) CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper) - 1) * 1000 + 990;
putspan(BackColor, ForeColor);
var dthen = new Date(TargetDate);
var dnow = new Date();
if (CountStepper > 0) ddiff = new Date(dnow - dthen);
else ddiff = new Date(dthen - dnow);
gsecs = Math.floor(ddiff.valueOf() / 1000);
CountBack(gsecs);​
4

4 回答 4

0

最简单的方法是隐藏提交按钮：

document.getElementById('submit').style.display='none';
于 2012-04-18T11:15:05.973 回答
0

我认为您的计时器在以下情况下已停止，因此请在此处输入代码以禁用您的按钮。将提交按钮的 id 更改为 btnsubmit

if (CountStepper == 0)
{
  CountActive = false;
  document.getElementById("btnsubmit").disabled = true; 
}
于 2012-04-18T11:16:15.823 回答
0

你试过了document.getElementById( 'submit' ).disabled = true;吗？

修改函数CountBack如下： 

function CountBack(secs) {
if (secs < 0) {
document.getElementById("cntdwn").innerHTML = FinishMessage;
document.getElementById( 'submit' ).disabled = true;

return;
}
于 2012-04-18T11:16:58.840 回答
0

当 js 计时器用完时调用此代码...

document.getElementById("xx").disabled = true;

用您的提交按钮 ID 填写 xx。

于 2012-04-18T11:12:47.393 回答