美文网首页React-Native
React-native 验证码倒计时

React-native 验证码倒计时

作者: 简翦儋箪 | 来源:发表于2016-08-18 17:04 被阅读2898次

    只留给特别笨的自己,也是特别笨的方法,省的以后还是不会,再慢慢改进吧╮(╯▽╰)╭

    var codeTime =60;

    constructor(props) {

    super(props);

    // 初始状态

    this.state= {

    timerCount:codeTime,

    timerTitle:''

    };

    }

    this.interval=setInterval(() =>{

    vartimer=this.state.timerCount-1

    if(timer===0){

    this.interval&&clearInterval(this.interval);

    this.setState({

    timerCount:codeTime,

    timerTitle:'重新获取'

    })

    }else{

    this.setState({

    timerCount:timer,

    })

    }

    },1000)

    相关文章

      网友评论

      • Nur__:componentWillMount() {
        clearInterval(this.interval);
        }
      • 5ec1da87f063:如果退到后台,计时器还会走吗?
        简翦儋箪:@5ec1da87f063 应该不会了吧:cry:
      • 383bcce0c238:如果锁屏怎么办
        383bcce0c238:@简翦儋箪 解锁回来之后,会走时间不对
        383bcce0c238:@简翦儋箪 它保留是锁屏之前的时间,50秒锁屏,过段时间进去还是50秒
        简翦儋箪:@心之静云则淡 锁屏还在这个页面,倒计时还是会走,你想要什么效果 :sweat:

      本文标题:React-native 验证码倒计时

      本文链接:https://www.haomeiwen.com/subject/hrsvsttx.html