useCountDown Hook #619
useCountDown Hook #619
Conversation
|
|
| import React from 'react'; | ||
| import useCountDown from '../index'; | ||
|
|
||
| const timeEnd = Date.now() + 5000; |
There was a problem hiding this comment.
| const timeEnd = Date.now() + 5000; | |
| const timeEnd = () => (Date.now() + 5000); |
这里应该是个函数，否则会有问题。
There was a problem hiding this comment.
我看了一下, 这里如果是函数, 会缓存掉这个Date.now(), 比如多次启用计时器间隔会递增, 比如5 10 15这样. 然后这种直接传入Date.now的方式, 每次反而会重新计算.
但我发现了另外一个问题, 传入Date.now(), 由于程序运行的时间, 有可能手动启用时的时间戳不到5000, 会是499x这种, 导致计时器少1s.
我尝试过传入函数然后在内部调用, 同样会有问题. 除非是像我另外一个包的写法直接传入秒数来计时: use-verify-code
有什么好的建议吗2333
There was a problem hiding this comment.
这样写会有问题吗？感觉不会吧~
<button
onClick={()=> { setTargetDate( new Date() + 5000 ) }}
>
Start Interval
</button>There was a problem hiding this comment.
会的 仍然是后续都会使用启用时的时间戳 只有首次正常
There was a problem hiding this comment.
那感觉是不是代码逻辑的问题。
这个代码应该是期望的正确用法吧。
There was a problem hiding this comment.
又试了一些方法, 感觉只要以Date.now()来调用就会有问题, 比如上面的setTargetDate( new Date() + 5000 )调用方式, 我适配了后发现这个Date.now()是在组件首次渲染完成就固定的, 除非你立刻点击, 不然计时时间就会变长... 代码的实现我贴一下 Demo 只有立刻点击才是正常的. 可能还需要再思考下怎么解决这个问题
| const dateFrom = options?.dateFrom ? new Date(options?.dateFrom).getTime() : Date.now(); | ||
|
|
||
| const calcLeft = useCallback( | ||
| (targetDate?: TDate) => new Date(targetDate ?? target ?? Date.now()).getTime() - dateFrom, |
There was a problem hiding this comment.
如果 targetDate 和 dateFrom 都有值，那这里应该永远不会变化了。
There was a problem hiding this comment.
那是否要固定dateFrom为当前时间呢🤣
There was a problem hiding this comment.
calcLeft 是计算 当前时间(new Date()) 到 目标时间(targetDate) 的间隔的。
和 dateFrom 没啥关系吧。
There was a problem hiding this comment.
calcLeft 是计算 当前时间(new Date()) 到 目标时间(targetDate) 的间隔的。
和 dateFrom 没啥关系吧。
当前的实现里是允许用户定义起始时间的, 比如12月12日距离12月1日, 只有用户不传dateFrom的情况下才使用当前时间
There was a problem hiding this comment.
dateFrom 是指开始时间，如果没有到开始时间，返回的 countdown 应该是不变的。
如果已经到了开始时间，返回的 countdown 才会递减。
There was a problem hiding this comment.
那我这里就先移除dateFrom支持吧
|
先合并了，然后我再修正一波。 |
|
😭 Deploy PR Preview 69046e3 failed. Build logs
🤖 By surge-preview |
Related Issue #576