获取短信验证码倒计时，非常简单

<!doctype html><html lang="en">
<head><meta charset="UTF-8"><meta name='viewport' content='width=device-width,minimum-scale=1.0 maximum-scale=1.0 user-scalable=no' /><title>获取短信验证码倒计时</title><script src="http://code.jquery.com/jquery-latest.js"></script><style type="text/css">.btn { border: 0;width:120px;height:40px;  line-height: 40px; float:left;color: white;background-color: #08c;border-radius: 20px;text-align: center;text-decoration: none;}</style>
</head>
<body><input type="button" class="btn" id="code" value="获取验证码" onclick="codeButton()">
</body>
<script type="text/javascript">function codeButton(){var code = $("#code");code.attr("disabled","disabled");setTimeout(function(){code.css("opacity","0.8");},1000)var time = 60;var set=setInterval(function(){code.val("("+--time+")秒后重新获取");}, 1000);setTimeout(function(){code.attr("disabled",false).val("重新获取验证码");clearInterval(set);}, 60000);}
</script>
</html>

获取短信验证码倒计时，非常简单相关推荐

android 获取短信验证码倒计时
android 获取短信验证码倒计时 public class MainActivity extends Activity { private Button submit; privat ...
简单实现获取短信验证码倒计时效果
我急切地盼望着可以经历一场放纵的快乐,纵使巨大的悲哀将接踵而至,我也在所不惜.--太宰治<人间失格> 一:HTML结构: <div class="input-box1&qu ...
vue获取短信验证码倒计时
2种方法 HTML <template><div><h3>倒计时按钮</h3>setTimeout方法:<el-button @click=&qu ...
iOS点击获取短信验证码按钮
概述 iOS点击获取短信验证码按钮, 由于 Demo整体测试运行效果 , 整个修改密码界面都已展现, 并附送正则表达式及修改密码逻辑. 详细代码下载:http://www.demodashi.com ...
vue element-ui实现获取短信验证码 ,60秒倒计时及页面
cc废话不多说先上效果图 vue页面布局 <el-form-item prop="phoneCode" class="pr"><el-inp ...
jquery短信验证码倒计时
jquery短信验证码倒计时 1. 演示点击前: 点击后: 2. 代码 1. HTML代码 <input type="button" value="获取验证码&q ...
利用JS实现短信验证码倒计时案例
本章教程利用JS实现发送短信倒计时案例,这个需求在实际开发过程很常见. 目录一.程序代码二.预览展示一.程序代码 <!DOCTYPE html> <html lang=&quo ...
安卓小项目之EveryDay(6)----使用第三方平台获取短信验证码
今天要实现的使用第三方平台获取验证码,值得高兴的是,完全免费哦,但是一个手机号12小时内只能发5条短信,我在录制视频时,已经将五条都用完了,于是找了他们的官方客服要了key和secret(客服很有耐心 ...
vue实现获取短信验证码
在template中加 <el-form-item prop="phoneCode" class="pr"><el-input placeho ...

获取短信验证码倒计时，非常简单

获取短信验证码倒计时，非常简单相关推荐

最新文章

热门文章