javascript-React Native中setTimeout的准确性

2022-12-12 08:36:15

我正在用React Native构建一个节拍器.播放一次点击后,我为下一次点击设置了setTimeout.但是,时机太糟糕了.

我做了以下快速测试：

let time = (new Date()).getTime() + 50;

setTimeout(() => {
  console.log(time - (new Date()).getTime());
}, 50)

理想情况下,我应该在控制台中获得0.在Chrome Dev Tools中的React Native外部运行此代码时,我得到-1,有时为-2(ms).这是可以接受的结果.

在macOS上使用Simulator在React Native中运行此命令,我得到的值介于0到-100之间.这显然是不可接受的.

有人知道这是由于setTimeout的不准确性还是(new Date()).getTime()的不准确性？我可以解决这个问题吗？

解决方法:

我已经研究了几乎所有用于播放音频的React Native解决方案,以及使用javascript setTimeout()/ setInterval()的各种方法,但是在时间稳定性和准确性方面,都没有令人满意的方法.

目前可能唯一可行的方法是将某些本地模块粘合在一起：如RN Docs：https://facebook.github.io/react-native/docs/native-modules-ios.html中所述,将https://developer.apple.com/library/content/samplecode/HelloMetronome/Introduction/Intro.html粘贴到js端,这给出了可观的结果,但是不幸的是,它当然仅是iOS.

码农公寓