点击按钮出现60秒倒计时的简单js代码(推荐)

JavaScript028

点击按钮出现60秒倒计时的简单js代码(推荐),第1张

点击按钮出现60秒倒计时的简单js代码(推荐)

<!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)

这个是延时器，五秒后执行一次就不执行了。楼上的是计时器，每五秒执行一次。你看你想用哪个。