有关react native Timer的问题



  • 我想实现这样的一个倒计时效果: 01:30:59:59 知道了他要结束的时间 例如 : 是"2016/02/24 23:59:59",我应该怎么下手写,rn新人求助 ,谢谢



  • 没人回复我 我自己找到办法了,贴出来和大家共享
    首先 要调用
    var TimerMixin = require('react-timer-mixin');

    然后写了个函数
    getInitialState: function() {
    return {
    timer : null
    };
    },
    componentDidMount: function() {
    var time = this.props.expire ;
    this._setTimer( time );
    },
    componentWillUnmount: function() {
    clearInterval(this.state.timer) ;
    },
    _setTimer : function ( time ){
    var _this=this;
    var end_time = new Date(time).getTime(), //月份是实际月份-1
    sys_second = (end_time - new Date().getTime()) / 1000,
    timer;
    this.setInterval(() => {
    if (sys_second > 1) {
    sys_second -= 1;
    var day = Math.floor((sys_second / 3600) / 24);
    var hour = Math.floor((sys_second / 3600) % 24);
    var minute = Math.floor((sys_second / 60) % 60);
    var second = Math.floor(sys_second % 60);
    day = day < 10 ? "0" + day : day;
    hour = hour < 10 ? "0" + hour : hour; //计算小时
    minute = minute < 10 ? "0" + minute : minute; //计算分钟
    second = second < 10 ? "0" + second : second; //计算秒杀
    timer = day + ":" + hour + ":" + minute + ":" + second; //计算显示的时间
    this.setState({ timer: timer });
    } else {
    clearInterval(timer);
    }
    }, 1000);
    },
    大家应该都能看懂


登录后回复