TypeScript项目 返回顶部 --匀减速到匀加速

index.tsx

import { Component, createRef } from "react";
import { connect } from 'react-redux';

import "./index.less"
interface Props {

}
interface State {

}
class Top extends Component<Props, State>{
    nbackToTop = createRef<HTMLInputElement>();


    time: number = 1000;//总时间
    iTarget: number = 0;//目标点的位置
    n: number = 0;//当前次数
    dis: number = 0;
    a: number = 0;
    count: number = 0;//每次的路程
    cur: number = 0;
    timer: NodeJS.Timeout | null = null;  //定时器
    start: number = 0//初始位置

    FnTop() {
        if (this.timer) {
            clearInterval(this.timer)
        }
        this.n = 0;
        this.count = Math.floor(this.time / 30);
        this.start = document.documentElement.scrollTop;
        this.dis = this.iTarget - this.start;
        this.timer = setInterval(this.FnsetInterval.bind(this), 30)

    }

    FnsetInterval() {
        this.n&#