KING OF TIME 打刻画面を色と巨大文字でわかりやすく
https://www.kingoftime.jp/のタイムレコーダーで、現在の勤務状態が分かりやすく表示されるようになるスクリプトです。 勤務状態、休憩状態などに応じて画面背景の色が変化します。
| できること | 説明 |
|---|---|
| 状態を色で表示 | 打刻状態に応じて ページ全体の背景色 を変更（勤務中＝ライトグリーン、休憩中＝オレンジ…）。 |
| 巨大ラベル | 「位置情報取得済み」エリア直下に 48 px の太字ラベルをセンタリング表示。 |
| ボタン誤操作防止 | 状態に応じて不要な打刻ボタンを disabled。例：勤務中は「出勤」ボタンを無効化。 |
| 高速反映 | - ページ読込直後に即判定 - 以降 1 秒ごとにローカルストレージを再チェック - さらに打刻ボタンを押した瞬間にも即更新 |
