html5/css教程

javascript教程

asp教程

php教程

jsp教程

C#/.NET教程

Python教程

网络营销

建站经验

点击排行

您现在的位置:首页 > 网络教程 > html5

按钮倒记时后变灰的实现代码

来源:中文源码网    浏览: 次    日期:2017年4月18日
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
</head> 

<body> 
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> 
<script type = "text/javascript" >
var countdown = 3;
function settime(val) {
    if (countdown == 0) {
        val.removeAttribute("disabled");
        val.value = "发送验证码";
        countdown = 3;
    } else {
        val.setAttribute("disabled", true);
        val.value = "重新发送(" + countdown + ")";
        countdown--;



    }
	if (countdown == 3) {
		return;
	}
    setTimeout(function() {
        settime(val)
    },
    1000)

}
</script> 
</body> 
</html> 

亲,试试微信扫码分享本页! *^_^*

精彩推荐