別タブに切り替えても動き続けますか?

いいえ、タブが非表示になると一時停止し、戻ると実時刻を読み直して再開します。CPU とバッテリーを節約しつつズレも起きません。

これはカウントダウンですか?

いいえ、これは現在時刻を示す「壁時計」です。特定の時刻までのカウントダウンが必要なら「超大型カウントダウンタイマー」をお使いください。

OBS 配信に埋め込めますか?

可能です。ブラウザソースでこのページを指定し、必要な範囲だけを切り出してください。背景色を緑や黒にすればクロマキー透過も可能。

秒針が滑らかに動かないのはなぜ?

これはデジタル時計なので、秒は 1 秒刻みで切り替わります。滑らかなアナログ秒針は別ツールのロードマップ項目です。

タイムゾーン選択はどう動く?

IANA 識別子(たとえば Asia/Tokyo)を選ぶと、ブラウザ Intl によってそのゾーンで整形されます。サーバー通信はありません。

「自動」はどのタイムゾーンを使う?

ブラウザが読み取る OS のタイムゾーン。多くのユーザーにとって直感的な選択です。

タイムゾーンを切り替えると遅延がある?

次の tick で反映されます。時計は毎秒 4 回 tick するため、最大でも 250 ms の遅延で済みます。

スクリーンリーダーは時刻を読み上げる?

はい。aria-live 領域で現在時刻をプレーンテキストとして提供しているので、視覚に頼らずに把握できます。

スマート TV のブラウザでも動く?

Intl.DateTimeFormat に対応していれば動作します。直近 5 年のスマート TV はほぼ対応しています。

サマータイムの切替で再読み込みは必要?

不要。Intl が選択した IANA ゾーンに従って自動で処理します。

大型時計ディスプレイ

全画面で見やすい巨大デジタル時計。教室、配信、店舗、イベント会場で活躍。12/24 時間・タイムゾーン・配色カスタム対応。

13:01:34

2026年6月3日水曜日

大型時計ディスプレイとは

大型時計ディスプレイは設定不要のオンライン時計ツールです。表示形式、タイムゾーン、配色を選ぶだけで、部屋の一番奥からでも読める巨大なデジタル時計がブラウザ上に表示されます。すべてブラウザ内で完結し、アップロードもインストールも不要。

サイト内の他の大文字ツールとの役割分担は明確です。Large Text Display は動かない 1 つのフレーズ、Fullscreen Text はスライドの切替、LED Scrolling Text は横に流れるマーキー。大型時計ディスプレイは「現在時刻」を担当します。

内部では、tick ごとに new Date() を読み、ブラウザ標準の Intl.DateTimeFormat で選択した IANA タイムゾーンに整形し、3 つの短い文字列を更新するだけ。canvas もアニメーションループもないため、バッテリー負荷はほぼゼロです。

使い方のコツ

落ち着いた場面は秒オフ。 受付や待機画面は 1 秒ごとに動かない方が上品に見えます。
日付副題はリモート協働に便利。 Asia/Tokyo のようなゾーンと組み合わせれば「今向こうは何曜日の何時か」が一目瞭然。
高コントラストが基本。 スカイブルー × ほぼ黒、琥珀 × チャコールは強い。淡色 × 淡色は大きく映しても読みづらくなります。
早めに全画面。 全画面にするだけで印象が段違い。OBS では先に全画面してから必要な範囲を切り出しましょう。
リデュースモーションに配慮済み。 コロンの点滅は prefers-reduced-motion が有効だと自動で停止。追加設定は不要です。
スマホではおやすみモード。 せっかくの大型時計も、通知バナーが飛んでくると台無しです。

使い方

1
表示形式と項目を選ぶ 12 時間制か 24 時間制を選び、秒と日付の表示をオン/オフ。タイムゾーンは「自動」または IANA 一覧から選択します。
2
色をカスタマイズ 数字と背景それぞれに独立したカラーピッカー。デフォルトはスカイブルー × ほぼ黒で、そのままでも十分見やすい。
3
全画面で表示 全画面ボタンを押します。Esc で終了。タブを切り替えると自動で一時停止し、戻ると再開します。

Use Cases

教室の時計表示
電子黒板やプロジェクターに巨大な HH:MM を映せば、生徒はスライドの隅を見なくても時間が分かります。
配信のスタンバイ画面
OBS のブラウザソースにこのページを指定するだけで、待機画面にも動き続ける時計が表示され、視聴者に「生きている」ことを伝えられます。
イベント受付キオスク
受付のタブレットに、現在時刻と曜日入りの長い日付を同時に表示。紙のサインを減らせます。
ジムとヨガスタジオ
スタジオ後方の壁に全画面時計を投影。スマホで開くだけ、専用アプリ不要、広告もなし。
会議室タイマー
朝会中の共有画面に現在時刻を表示。日付副題があるとリモート参加者も今日の曜日を確認しやすい。
リモートチームのタイムゾーン参照
相手の都市をタイムゾーンから選べば、連絡前に「今向こうは何時?」がひと目で分かります。
コワーキングスペースの受付
受付の表示ディスプレイに。配色をブランドに寄せれば、無味乾燥な事務時計にならず「意図のある」演出になります。
放送スタジオのリファレンス時計
ディレクターやカメラマンのために大型のマスタークロックが欲しいが、専用機材は高い——全画面で開けば解決。

Features

12 / 24 時間切替
ワンクリックで切替。AM/PM は小さな上付きで表示され、時分の大きな数字が視線の主役であり続けます。
秒の表示/非表示
毎秒動く数字が気になる場面では秒をオフにすると一気に落ち着きます。逆にカウントダウン前は秒オンで緊張感を演出。
ローカライズされた日付副題
時計の下に曜日付きの長い日付を表示。ブラウザ Intl により、日本語・中文・韓国語・英語で自然に読めます。
タイムゾーンセレクタ
日本語圏・中文圏・英語圏の主要 IANA タイムゾーン 24 種を内蔵。もちろん「自動」も選べます。
数字色と背景色のカスタマイズ
ブランドカラーや現場の照明に合わせて調整。デフォルトはスカイブルー × ほぼ黒で高コントラスト。
ワンクリックで全画面
一度押せば全画面、Esc で終了。タブ切替やウィンドウ最小化で自動停止、CPU とバッテリーを節約。
初回読み込み後はオフライン対応
静的ページ + クライアント描画。キャッシュされれば通信不要で、現場の Wi-Fi が不安定でも安定動作。
入力はアップロードされない
時計は完全にローカルで動作し、設定値もブラウザから外に出ません。

Compatible Platforms

iPhone(Safari / Chrome)
Android(Chrome / Firefox)
iPad / Android タブレット
Windows(Chrome / Edge / Firefox)
macOS(Safari / Chrome)
Linux
スマート TV ブラウザ
Chromebook
OBS Studio(ブラウザソース)

Related Tools

FAQ

別タブに切り替えても動き続けますか?: いいえ、タブが非表示になると一時停止し、戻ると実時刻を読み直して再開します。CPU とバッテリーを節約しつつズレも起きません。
これはカウントダウンですか?: いいえ、これは現在時刻を示す「壁時計」です。特定の時刻までのカウントダウンが必要なら「超大型カウントダウンタイマー」をお使いください。
OBS 配信に埋め込めますか?: 可能です。ブラウザソースでこのページを指定し、必要な範囲だけを切り出してください。背景色を緑や黒にすればクロマキー透過も可能。
秒針が滑らかに動かないのはなぜ?: これはデジタル時計なので、秒は 1 秒刻みで切り替わります。滑らかなアナログ秒針は別ツールのロードマップ項目です。
タイムゾーン選択はどう動く?: IANA 識別子(たとえば Asia/Tokyo)を選ぶと、ブラウザ Intl によってそのゾーンで整形されます。サーバー通信はありません。
「自動」はどのタイムゾーンを使う?: ブラウザが読み取る OS のタイムゾーン。多くのユーザーにとって直感的な選択です。
タイムゾーンを切り替えると遅延がある?: 次の tick で反映されます。時計は毎秒 4 回 tick するため、最大でも 250 ms の遅延で済みます。
スクリーンリーダーは時刻を読み上げる?: はい。aria-live 領域で現在時刻をプレーンテキストとして提供しているので、視覚に頼らずに把握できます。
スマート TV のブラウザでも動く?: Intl.DateTimeFormat に対応していれば動作します。直近 5 年のスマート TV はほぼ対応しています。
サマータイムの切替で再読み込みは必要?: 不要。Intl が選択した IANA ゾーンに従って自動で処理します。