<!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=utf-8"
/>
<title>点击按钮出现60秒倒计时的简单js代码(推荐)</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=60
function
settime(val)
{
if
(countdown
==
0)
{
val.removeAttribute("disabled")
val.value="免费获取验证码"
countdown
=
60
}
else
{
val.setAttribute("disabled",
true)
val.value="重新发送("
+
countdown
+
")"
countdown--
}
setTimeout(function()
{
settime(val)
},1000)
}
</script>
</body>
</html>
以上这篇点击按钮出现60秒倒计时的简单js代码(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
<html><head>
<title></title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function clickButton(obj){
var obj = $(obj)
obj.attr("disabled","disabled")
var time = 60
var set=setInterval(function(){
obj.val(--time)
}, 1000)
setTimeout(function(){
obj.attr("disabled",false).val("获取验证码")
clearInterval(set)
}, 60000)
}
</script>
</head>
<body class="newbody">
<input type="button" value="获取验证码" onclick="clickButton(this)"/>
</body>
</html>
自己写个button样式吧。。
setTimeout(function(){// 你要执行的代码
},5000)
这个是延时器，五秒后执行一次就不执行了。楼上的是计时器，每五秒执行一次。你看你想用哪个。
