Refactor: [Client][Watch/Header/clock] 時間表示方法を改善

[makeding]

変更の種類

• 不具合の修正
• 新しい機能の追加
• 改善・リファクタリング（機能は追加されないが、動作やコードを改善する破壊的でない変更）

チェックリスト:

• 開発資料 と データベース設計 は読みましたか？
  • もともと自分用のメモですが、このプロジェクトの開発方針や設計などが記載されています。開発時の参考にしてください。
• Git のコミットメッセージは開発資料に記載のフォーマットになっていますか？（重要）
  • このプロジェクト上のコミットメッセージは、基本的に全てこのフォーマットに従って記述されています（文字数は問いません）。
  • 正しいフォーマットになっていない場合、force push で必ずコミットメッセージを変更してから送信してください。
• このプロジェクトのコーディング規約に従ったコードになっていますか？
  • コーディング規約は開発資料に記載されています。
  • そもそもコーディング規約と言えるほど大層なものではありませんが、一度目を通しておいてください。
• プルリクエストは master ブランチに送信されていますか？
  • release ブランチはリリースした時にしか更新されません。必ず master ブランチに送信してください。

説明

Refactor: [Client][Watch/Header/clock] 時間表示方法を改善。

動機とコンテキスト

この変更は、setInterval を使用することによるパフォーマンス低下を防ぐために行いました。
0.1秒間隔での定期的な更新は無駄な処理を引き起こす可能性があり、スマートフォンやリソースが限られたデバイスでのパフォーマンスに影響を与えることがあります。
setTimeout を利用することで、無駄な処理を削減することができます。

---

私のMacでページが初期化される際 (created())、ページのレンダリングと時間表示の更新が競合し、時間が跳ねる問題が発生することがありました。
そして一秒のsetTimeoutをさせることで、ページの描画が安定してから時間更新を開始できるようにしています。
多分将来 requestAnimationFrame を活用することで、さらにスムーズなパフォーマンスを実現しました。

：）