react 九宫格实现

最新推荐文章于 2021-12-03 17:29:43 发布

jjw_zyfx

最新推荐文章于 2021-12-03 17:29:43 发布

阅读量970

点赞数

分类专栏： react 前端

本文链接：https://blog.csdn.net/jjw_zyfx/article/details/101197027

版权

前端同时被 2 个专栏收录

299 篇文章 0 订阅

订阅专栏

react

45 篇文章 2 订阅

订阅专栏

效果图如下：

控制转速的代码如下：
intervalFun = (count)=>{
    // 开始慢然后快最后慢
    this.beginSlow = setInterval(() => {
        count = this.intervalContent(count,this.beginSlow)
        if(count===8){
            clearInterval(this.beginSlow)
            this.setState({
                speed:70,
            })
            this.intervalFun(count)
        }else if (count===32) {
            clearInterval(this.beginSlow)
            this.setState({
                speed:300,
            })
            this.intervalFun(count)
        }
    }, this.state.speed)
}

git地址如下

https://gitee.com/woxinfeixiangaoxiang/wuyong_jiugongge.git

npm i

npm start