【商用可・free】日時で指定カウントダウンタイマー（HTML）、カスタマイズ可能、OBS・online活動用
- Digital0 JPY
[2024/03/29] URLが更新されました。 サーバーの契約期限が切れたため、サイトを移転しました。 [2026/08/06] 機能を追加・改善しました。 ・残り時間は24時間以内「時/分/秒」、24時間を超えると「日/時/分」で正しく表示されるようになりました ・入力した設定（終了時間を除く）はブラウザに自動保存され、次回アクセス時も引き継がれます ・「共有」ボタンで設定をURL化してコピーできます（そのURLを開くと同じ設定が再現されます） ・入力するとリアルタイムでプレビューが更新されます（更新ボタンは不要になりました） ・この設定画面（本ページ）の背景動画が気になる場合は、右上のボタンでオフにできます（生成されるタイマー本体には影響しません） ・簡体字中国語に対応しました ======================== 日時で指定するカウントダウン時計です。 サイズ：600×300px 利用場面：ライブ配信直前や途中休憩時間に使えます。 リンク： https://reurl.cc/WR55xk (マルチデバイス対応) （作成ボタンを押すと新しいタブでタイマーが開きます。そのURLをOBSに貼り付けてください。） -------------------------------------- 此計時器可設定日期和時間進行倒數。 尺寸：600×300px 使用場景：可於Live直播開始前或中場休息時間使用。 連結：https://reurl.cc/WR55xk (支援各種行動裝置瀏覽) （點擊「生成」按鈕會在新分頁開啟計時器，將該分頁的網址貼到OBS即可。）
日本語説明
メリット ■ 背景色に不透明度の指定が可能です。 ■ 5言語（日本語/中国語（繁体字・簡体字）/英語/韓国語）に対応しています。 ■ OBS studio、Streamlabs OBSでの利用が可能です。 ■ 背景色以外の色はスポイトツールやカラーコード（RGB・HSL・HEX）で指定できます。 ■ 一部のテキストは編集可能です。 ■ 商用可。無料。使用報告とクレジットの記載は任意。 仕様 ■ 残り時間は24時間以内「時/分/秒」、24時間を超えると「日/時/分」表示に自動で切り替わります。 ■ 入力中の設定はリアルタイムでプレビューに反映されます（更新ボタンは不要です）。 ■ 設定内容（終了時間を除く）はブラウザに自動保存され、次回アクセス時も引き継がれます。 ■ 「共有」ボタンで設定をURLとしてコピーでき、他の人にそのまま共有できます。 ■ この設定画面（本ページ）の背景動画が操作の妨げになる場合、右上のボタンでオフにできます（生成されるタイマー本体には影響しません）。 注意事項 ■ 終了時間は必ず未来の日時を指定してください。 ■ 終了時間はタイマーを開いた端末のタイムゾーンで判定されます。設定時と異なるタイムゾーンの端末で開くと時間がずれるため、同じ人が同じタイムゾーンで設定・使用することをおすすめします。 ■ OBSの中で拡大しすぎると表示がぼやけますので、ご注意ください。 ■ タイマー作成後、開いた新しいタブのURLをOBSにコピーペーストすれば、このサイトは閉じて構いません。 OBS Studio：ソース＞追加＞ブラウザ Streamlabs OBS：ソース＞ソースを追加＞ブラウザソース ■ 個人製作ですので、欠陥・不具合の恐れがあります。あらかじめご承知おきください。 ■ 二次配布、自作発言はお止めください。 ■ ご利用いただけますが著作権は放棄しておりません。
中文說明
優點 ■ 背景顏色可進行不透明度的設定。 ■ 設定介面對應 日/中（繁・簡）/英/韓 5種語言。 ■ 可用於OBS studio、Streamlabs OBS。 ■ 背景顏色以外的顏色，可使用滴管工具或使用色碼（支援RGB・HSL・HEX）進行指定。 ■ 部分顯示文字可自由編輯。 ■ 可用於商業目的使用。免費。使用回報與註明出處皆非必要。 規格 ■ 剩餘時間在24小時以內顯示「時/分/秒」，超過24小時會自動切換為「日/時/分」顯示。 ■ 輸入設定時預覽會即時更新（不需另外按更新按鈕）。 ■ 設定內容（結束時間除外）會自動保存在瀏覽器中，下次開啟自動套用。 ■ 可透過「分享」按鈕將設定轉成連結並複製，方便直接分享給他人。 ■ 若本設定畫面（此頁面）的背景動畫造成操作干擾，可用右上角按鈕關閉（不影響最終生成的倒數計時器）。 注意事項 ■ 請務必將結束時間設定為未來的日期與時間。 ■ 結束時間是以開啟計時器當下裝置的時區為準。若設定與實際使用是不同時區的裝置，時間會有落差，建議由同一人在同一時區完成設定與使用。 ■ 在OBS中過度放大顯示，可能會有模糊的情況。 ■ 點擊「生成」後會開啟新分頁，將該分頁的網址貼到OBS的瀏覽器來源後，即可關閉此頁面。 OBS Studio：來源>新增>瀏覽器 Streamlabs OBS：來源>新增來源>瀏覽器來源 ■ 因是個人製作，有可能出現顯示異常或是其他錯誤，還請見諒。 ■ 請勿將此資源二度發表，或是聲稱此資源為自己的作品。 ■ 此著作仍受著作權法保護。
English instructions
Advantages ■ You can set the opacity of the background color. ■ Supports 5 languages (Japanese/Chinese (Traditional & Simplified)/English/Korean). ■ Works with OBS Studio and Streamlabs OBS. ■ Colors other than the background color can be set using the dropper tool or a color code (RGB, HSL, HEX). ■ Some text is editable. ■ Free for commercial use. Reporting your usage or crediting the creator is optional. Specifications ■ The remaining time is shown as "hours/minutes/seconds" within 24 hours, and automatically switches to a "day/hour/minute" display beyond 24 hours. ■ The preview updates in real time as you type (no update button needed). ■ Your settings (except the end time) are saved in your browser and restored the next time you visit. ■ Use the "Share" button to copy your settings as a URL you can send to others. ■ If the background animation on this settings page (not the generated timer itself) is distracting, turn it off with the button in the top-right corner. Notes ■ Be sure to set the end time to a date and time in the future. ■ The end time is interpreted using the time zone of the device that opens the timer. If it's opened on a device in a different time zone than the one used to set it, the time will be off — it's best for the same person to set it up and use it in the same time zone. ■ Zooming in too much inside OBS may make the display blurry. ■ After clicking "Generate," a new tab opens. Paste that tab's URL into OBS as a Browser Source, then you can close this page. OBS Studio: Sources > Add > Browser Streamlabs OBS: Sources > Add a new Source > Browser Source ■ This is an individual project, so there may be bugs or issues — thank you for your understanding. ■ Please do not redistribute this or claim it as your own work. ■ All rights reserved under copyright law.
한국어 지침
장점 ■ 배경색에 불투명도를 지정할 수 있습니다. ■ 5개 언어(일본어/중국어(번체자・간체자)/영어/한국어)에 대응하고 있습니다. ■ OBS studio, Streamlabs OBS에서의 이용이 가능합니다. ■ 배경색 이외의 색은 스포이드 툴이나 컬러 코드(RGB・HSL・HEX)로 지정할 수 있습니다. ■ 일부 텍스트는 편집 가능합니다. ■ 상업적 이용 가능. 무료. 사용 보고와 크레딧 표기는 필수가 아닙니다. 사양 ■ 남은 시간은 24시간 이내에는 "시/분/초", 24시간이 넘으면 "일/시/분" 표시로 자동 전환됩니다. ■ 입력하는 즉시 미리보기에 실시간으로 반영됩니다(업데이트 버튼이 필요 없습니다). ■ 설정 내용(종료 시간 제외)은 브라우저에 자동 저장되어 다음에 접속해도 유지됩니다. ■ "공유" 버튼으로 설정을 URL로 복사하여 다른 사람에게 그대로 공유할 수 있습니다. ■ 이 설정 화면(이 페이지)의 배경 동영상이 방해된다면 우측 상단 버튼으로 끌 수 있습니다(생성되는 타이머 자체에는 영향을 주지 않습니다). 주의사항 ■ 종료 시간은 반드시 미래의 날짜와 시간으로 지정하십시오. ■ 종료 시간은 타이머를 여는 기기의 시간대를 기준으로 판단됩니다. 설정할 때와 다른 시간대의 기기에서 열면 시간이 어긋나므로, 같은 사람이 같은 시간대에서 설정하고 사용하는 것을 권장합니다. ■ OBS 안에서 너무 확대하면 화면이 흐려질 수 있으니 주의하시기 바랍니다. ■ "만들기"를 클릭하면 새 탭이 열립니다. 그 탭의 URL을 OBS에 붙여넣은 후에는 이 페이지를 닫으셔도 됩니다. OBS Studio：소스 목록>추가>브라우저 Streamlabs OBS：소스>소스 추가>브라우저소스 ■ 개인 제작이므로 결함이나 오류가 있을 수 있습니다. 미리 양해 부탁드립니다. ■ 이 자료의 재배포나 자신의 작품이라고 주장하는 행위는 삼가 주십시오. ■ 모든 권리 보유.