分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js实现页面的秒数倒计时

发布时间:2023-09-06 02:31责任编辑:沈小雨关键词:js
<button name="vcode_mail" class="btn btn-default" type="button" id="vcode_mail-btn" onclick="vcode_mail_post(this)">免费获取验证码</button>

js

 ???//发送验证码 ???function vcode_mail_post(obj){ ???????var seconds =121; ???????//获取邮箱 ???????var email = $("input[name=‘email‘]").val(); ???????//异步变同步 ???????/*$.ajaxSettings.async = false;*/ ???????//发送请求 ???????$.post("{:url(‘index/user/vcode_mail_post‘)}",{email:email,type:1},function(data){ ???????????var message = data.message; ???????????if(data.ok == ‘1‘){ ???????????????alert(message); ???????????????//倒计时 ???????????????daojishi(seconds,obj); ???????????????}else{ ???????????????alert(message); ???????????} ???????},‘json‘); ???????/*$.ajaxSettings.async = true;*/ ???} ???//倒计时 ???function daojishi(seconds,obj){ ???????if (seconds > 1){ ???????????????seconds--; ???????????????$(obj).text(seconds+"秒后可重新获取 ").attr("disabled", true);//禁用按钮 ???????????????// 定时1秒调用一次 ???????????????setTimeout(function(){ ???????????????????daojishi(seconds,obj); ???????????????},1000); ???????????}else{ ???????????????$(obj).text("重新获取验证码").attr("disabled", false);//启用按钮 ???????????} ???????????}

js实现页面的秒数倒计时

原文地址:https://www.cnblogs.com/cl94/p/10311777.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved