taro-virtual-list/lib/components/timer/timer.js

taro虚拟列表

import React, { Component } from 'react';
import { View, Text } from '@tarojs/components';
export default class Timer extends Component {
    tick(diffTime) {
        if (diffTime < 1000) {
            this.props.onTimeup && this.props.onTimeup();
            return;
        }
        setTimeout(() => {
            diffTime = diffTime - 1000;
            this.props.onTick && this.props.onTick(Math.floor(diffTime / 1000));
            this.computeTime(diffTime);
        }, 1000);
    }
    componentWillMount() {
        const { endTime, startTime } = this.props;
        const diffTime = endTime - startTime;
        this.computeTime(diffTime);
    }
    computeTime(diffTime) {
        const sec = Math.floor(diffTime / 1000);
        const remainHour = Math.floor(sec / 3600);
        const remainMin = Math.floor((sec - remainHour * 3600) / 60);
        const remainSec = sec - remainHour * 3600 - remainMin * 60;
        this.setState({
            remainHour,
            remainMin,
            remainSec
        }, () => {
            this.tick(diffTime);
        });
    }
    render() {
        const { remainHour, remainMin, remainSec } = this.state;
        return (React.createElement(View, { className: 'timer' },
            React.createElement(Text, null,
                remainHour,
                ":",
                remainMin,
                ":",
                remainSec)));
    }
}
//# sourceMappingURL=timer.js.map