发送验证码
2015-09-07 15:23
281 查看
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Amaze UI Examples</title>
<link rel="stylesheet" href="css/amazeui.min.css">
<!-- <link rel="stylesheet" href="assets/css/app.css">-->
</head>
<body>
<input name="" type="text" defaulttxt="请输入短信验证码" />
<input name="" type="button" id="btn" value="发送验证码"/>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<script>
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="重新获取";
wait = 60;
} else { // www.jbxue.com
o.setAttribute("disabled", true);
o.value="发送验证码(" + wait + ")秒";
o.style.backgroundColor="#f0f0f0";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
/*$(function aa(){
$('button').click(function (){
$(this).parents('body').fadeOut(1000);
event.stopPropagation();
location.href='txkd.html'
})
})*/
$(function(){
$('body').fadeIn(1000);
})
setDefaultTxt();
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Amaze UI Examples</title>
<link rel="stylesheet" href="css/amazeui.min.css">
<!-- <link rel="stylesheet" href="assets/css/app.css">-->
</head>
<body>
<input name="" type="text" defaulttxt="请输入短信验证码" />
<input name="" type="button" id="btn" value="发送验证码"/>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<script>
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="重新获取";
wait = 60;
} else { // www.jbxue.com
o.setAttribute("disabled", true);
o.value="发送验证码(" + wait + ")秒";
o.style.backgroundColor="#f0f0f0";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
/*$(function aa(){
$('button').click(function (){
$(this).parents('body').fadeOut(1000);
event.stopPropagation();
location.href='txkd.html'
})
})*/
$(function(){
$('body').fadeIn(1000);
})
setDefaultTxt();
</script>
</body>
</html>
相关文章推荐
- phpstrom 如何设置php开发环境----已经安装了xampp开发环境
- AndroidStudy---数据结构中的树
- easyui-datebox 设置只选择月份
- 抽象类和接口联系与区别
- 数据结构实践——顺序表:两集合的交集
- 科学的作息时间
- js操作cookie
- 关于java按位操作运算
- web javescript与cookie理解
- PendingIntent初步探究
- OC 中runtime的理解 以及 使用
- sql like 通配符 % _ escape
- 我的行程
- mac : Java开发环境的设置
- [转] Python正则表达式指南
- 树的层次遍历
- windows下c++编写多线程
- Redis几个认识误区
- Android SDK Manager 更新代理配置
- JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例