使用javascript让按钮在一定时间后变为有效状态

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="bt.aspx.cs" Inherits="bt" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function start()

{

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

document.getElementById("Button1").value = 10;

window.setTimeout("tick()",1000);

}

function tick()

{

var time = new Number(document.getElementById("Button1").value);

if(time>0)

{

document.getElementById("Button1").value = time-1;

window.setTimeout("tick()",1000);

}

else

{

document.getElementById("Button1").disabled = false;

document.getElementById("Button1").value = "保存";

}

</script>

</head>

<body>

<div>

<asp:button id="Button1" runat="server" Text="Button"></asp:button>

</div>

</form>

start();

</script>

</body>

</html>

注意：在javascript中要把Button变为灰色必须要disabled属性而不是Enable

posted on 2007-07-12 21:03 阳春阅读(326) 评论(0) 收藏举报