JS 60秒后重发送验证码

//settime($("#getPhoneCode"),60);

function settime($obj, time) {
    if (time == 0) {
        $obj.attr("disabled", false);
        $obj.css("background", "#f38401").css("cursor", "pointer");
        $obj.text("获取手机验证码");
        return;
    } else {
        $obj.attr("disabled", true);
        $obj.css("background", "#ccc").css("cursor", "not-allowed");
        $obj.text("重新发送(" + time + ")");
        time--;
    }
    setTimeout(function () { settime($obj, time) }, 1000)
}
时间: 2024-10-14 05:51:06

JS 60秒后重发送验证码的相关文章

Hbuilder MUI 注册短信验证60秒后重新发送

<div class="mui-input-row"> <label class="iconfont_log_reg icon-youjian"></label> <input type="text"  placeholder="请输入短信验证码" id="u_code"> <a href="javascript:senmobile(60);&

验证码 60秒后重新发送

//短信操作 var wait=60; function time() { var code = document.getElementById('code_send'); if (wait == 0) { code.removeAttribute("disabled"); code.innerHTML="获取验证码"; wait = 60; } else { // www.jbxue.com code.setAttribute("disabled&quo

初级(低版本)60秒后重试

今天早上的,学习的第一个代码是80%是自己写的,当然和demo是有出入的,有的地方demo比我好,我也解决了demo中的一个bug,这一点还是比较欣慰的. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http

用JavaScript写一个简单的倒计时,可以应用在发送短信验证码的“59秒后重新发送验证短信”

倒计时——从10倒数到0,点击按钮会还原倒计时 <body> <!-- 将textvalue值设为10,从10倒数 --> <input type="text" value="10" id="txt"> <input type="button" value="重新开始" id="btn"> </body> <script&

js jquery 按钮点击后 60秒之后才能点击 60秒倒计时

var wait = 60; function time(o) { if (wait == 0) { $(o).attr("disabled", false); $(o).val("获取验证码"); wait = 60; } else { $(o).attr("disabled", true); o.val(wait + "秒后重新发送"); wait--; setTimeout(function () {time(o);},

js实现发送验证码倒计时按钮

在写注册页面时,有时候需要发送注册邮件来获取验证码,但是为了防止多次重复发送邮件, 必须让按钮隔一段时间后才能再次使用. 代码如下: 1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>验证码按钮</title> 5 </head> 6 <body> 7 <button type="button" id="send&

验证手机号和设置60秒的倒计时

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title&g

jquery实现手机发送验证码的倒计时代码(转)

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo

React中发送验证码 倒计时效果组件编写

(1)可以通过使用"react-timer-mixin"插件实现倒计时效果,原理同下面的思路一样此处不在详细解说 (2)自己用原生定时器方法实现 1 import React,{Component} from 'react'; 2 import {Button } from 'antd-mobile'; 3 import PropTypes from 'prop-types'; 4 class SendVerifyCode extends Component{ 5 constructo