验证登陆60s倒计时效果
++我们在日常生活中验证一下登陆状态，会常常遇到60s倒计时这个情况！++
下边给大家看一下怎么做的 ！
首先：在body里边书写一个input元素（无css样式==）==
<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
下边就是简单的js代码
<script type="text/javascript">
var countdown=60; //countdown变量设置时间60s
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled") //disabled 不可点击状态 removeAttribute判断如果等于0的时候删除disabled 这个属性
val.value="免费获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true); setAttribute设置属性
val.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}
就这样一个简单的60s倒计时就完成了，大家有没有觉得很眼熟！