关于Taro定时器计时的解决方案

作者： TzuHsing Su
发布时间：2020-06-14
3253 次瀏覽
1 條評論
1437字数
分類： web前端

# **关于Taro定时器计时的解决方案**

最近做的一个项目里，遇到个问题搞得我吃不香睡不足，
taro中搞得定时做小程序中的计时工资，器死活无法清除，  开屏 黑屏的生命周期都写好什么的，但总会出现无法清除的现象，最终选择了自己用setTimeOut写一个定时器来达到所有东西可控的做法：

首先定时器的方法是使用Taro存储的id实现，那么清除定时器就这样写：

```
const clearTimePlus = async (text?: string) => {
        console.log(`${text}执行了清除定时器`);
        Taro.setStorageSync('TimerId','');
    };
```

而设置定时器的函数是：

```
const setTimeInterval = (fn: Function,second: number,randomNumber: number)=>{
        return setTimeout(async ()=>{
            const TimerId = Taro.getStorageSync('TimerId');
            console.log('TimerId:',TimerId,'randomNumber',randomNumber,+TimerId===randomNumber);
            if(randomNumber&&TimerId&&+TimerId===randomNumber){
                fn();
                setTimeInterval(fn,second,randomNumber);
            }else {
                return
            }
        },second)
    };
```

使用的时候：

```
const startTime = async () => {
        await clearTimePlus('startTime');
        setTimeout(async ()=>{
            console.log('已开始计时');
            
            · · · some code
            
            const randomNumber = Math.floor(Math.random()*10000);
            await Taro.setStorageSync('TimerId',randomNumber);
            await setTimeInterval(() => {
                            
            · · · some code
            
            },20000,randomNumber);
        },500)
    };
```

最终定时器将会在你执行startTime后清除

最后修改：2023-04-01

如果覺得我的文章對你有用，請隨意讚賞

發表評論取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

評論 *

私密評論

名稱 *

🎲

郵箱 *

地址

1 條評論

已匿名用户
June 14th, 2020 at 04:08 pm

hook就是辣鸡

回复

小有名气的男孩
hei
sos
收到,十分感谢博主୧(๑•̀⌄•́๑)૭
sos
该评论仅登录用户及评论双方可见
求帮助
链接说已经停止下载了，求up主发一份副本
江峰
同求一份207313630@qq.com

关于Taro定时器计时的解决方案

發表評論取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

1 條評論

当一名我这样的博主是怎样的体验

mac13.9 ventura vmvare fusion闪退解决方案

[建站方向]从购入vps到搭建wordpress或typecho

Vue组件-render函数与props传值

欢迎使用 Typecho

JavaScript Complex Info

canvas前端跨域的解决方案(不行你找我)

欢迎使用 Typecho

关于Taro定时器计时的解决方案

Vue组件-render函数与props传值

关于Taro定时器计时的解决方案

發表評論 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

1 條評論

关于Taro定时器计时的解决方案

發表評論取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款