js实现60s倒计时效果
2024-08-21 21:29:44
适用于获取验证码等其他场景,下面代码直接粘贴句可以使用
// 60s获取验证码的js与html
var timer = null;
var count = 60;
$('.box>button').click(function() {
var codeText = $('.code').text();
if (codeText == '获取验证码') {
timer = setInterval(function(){
count--;
$('.code').text(count+'后获取验证码');
if (count <=0) {
clearInterval(timer);
$('.code').text('获取验证码');
}
},1000);
}
});
html:
<!-- 60s倒计时 -->
<div class='box'>
<button class='code'>获取验证码</button>
</div>
最新文章
- gulp基本用法
- Javascript学习笔记:6种实现继承的方式
- std::string::npos mean
- C#开发BHO插件UrlTrack
- attribute section的用法
- Ubuntu12.04中安装ns-allinone-2.34
- HDU-2176 取(m堆)石子游戏
- 加盟全景-加盟VR虚拟现实-全景智慧城市
- spring注解-“@Scope”
- Nginx 返回响应过滤响应内容
- Active MQ Fileserver 远程代码执行 (CVE-2016-3088)
- NAND Flash底层原理,SLC MLC TLC比较
- [转]hive中自定义函数(UDAF)实现多行字符串拼接为一行
- 机器学习算法整理(五)决策树_随机森林——鹃尾花实例 Python实现
- 【译】Linux概念架构的理解
- 1053. [HAOI2007]反素数ant【DFS+结论】
- Codeforces 797 D. Broken BST
- mongodb - 查看正在执行的操作
- Bound Found(思维+尺取)
- EF CODEFIRST WITH ORACLE 存储过程
热门文章
- Caused by: java.net.ConnectException: Connection refused: master/192.168.3.129:7077
- MySQL主从备份配置实例
- CDOJ1927 爱吃瓜的伊卡洛斯(2) 【并查集】启发式合并+set
- 流程图 Graphviz - Graph Visualization Software
- linux shell基本知识
- C# 之 反射性能优化3
- mongodb输错命令后不能删除问题
- Bean Shell常用内置变量总结
- html5的audio实现高仿微信语音播放效果(实际项目)
- yii2上传七牛图片(超详细)