Reactでずれないリアルタイムのタイマーを実装する方法

0

2022年04月22日 13:31

こんにちは、ISSUEの寒河江です。
ISSUEでは作業管理ページにTogglのようなリアルタイムのタイマーを用意しています。

image

このタイマーを最初は、setIntervalを使って、stateを+1ずつカウントアップする方法を取っていました。
しかし、この方法をとると途中から秒数が遅れて行きます。理由は、ブラウザの処理速度が一定ではないことだったり、setInterval自体が秒数の正確性を担保できていないことにあります。

そこで、カウントアップする方法をやめて、
開始した時間と今の時間を毎秒出していく手法を取りました。

実装コード

img

# React.js
0

診断を受けるとあなたの現在の業務委託単価を算出します。今後副業やフリーランスで単価を交渉する際の参考になります。また次の単価レンジに到達するためのヒントも確認できます。

-

ランク

目次を見る