<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样式吧。。
点击按钮出现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代码(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>js实现倒计时60秒的简单代码(推荐)</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 = 5
} else {
val.setAttribute("disabled", true)
val.value="重新发送(" + countdown + ")"
countdown--
setTimeout(function() {
settime(val)
},1000)
}
}
</script>
</body>
</html>
JavaScript简介
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 课外书
如果 JavaScript 教程学习完毕，并且需要更深入地学习这门语言，《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起，直到当前它对 XML 和 Web 服务的支持。
将学习到如何扩展该语言，以使它适应特殊的需求。
还将学到如何使用 JavaScript 创建无缝的客户机 - 服务器通信。
