宝哥软件园

基于递归实现倒计时效果的JS方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-11

介绍了基于递归的JS实现倒计时效果的方法。分享给大家参考,如下:

效果:

事件:

//发送验证码$('。js-SMS-code’)。单击(function () {$ (this))。attr ('disabled ',' disabled ')。html(' span style=' color 3360 # 666 ' span id='倒计时' 60/span)倒计时();var tel=$('#tel ')。val();$.Ajax({ URL : ' { sh3360: u(' Home/sendsmtscode ')} ',type:'POST ',dataType:'json ',data: {tel: tel},success: function() { },Error : function () {$()。js-help-info’)。html(“请求失败”);} });})点评:这里的倒计时方法就是美。

看看代码:

函数倒计时(){//递归settimeout(function(){ vartime=$(' #倒计时')。text();if (time==1) { $(')。js-SMS-code’)。remove attr(' disabled ');$('.js-SMS-code’)。html('发送验证码');} else { $(' #倒计时')。文本(时间-1);倒计时();} }, 1000);}备注:如果时间不等于1,继续通话,时间减一秒。SetTimeout也是本质。直到时间减少到1,删除禁用,并将内容更改为“发送验证码”。

关于JavaScript的更多信息,请访问本网站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+