時計・カウントダウンウィジェット無料コード生成器

プログラミング不要で美しい埋め込み時計・カウントダウンコードを生成するプロフェッショナルなオンラインツール。リアルタイム時間表示、祭日カウントダウン、イベントカウントダウンなど複数モードをサポート。40以上の国際言語を統合、ライト・ダークテーマの自動切り替え、完全レスポンシブデザイン。フォント、サイズ、透明度、タイムゾーン表示などの豊富なカスタマイズオプションを提供。ワンクリックでHTMLコードをコピーし、ウェブサイト、ブログ、フォーラムに直接埋め込み可能、パソコン、スマートフォン、タブレットに完全対応。
ウィジェット設定
ウィジェットタイプ
言語
English
テーマ
自動
フォント
Inter
時間フォーマット
24時間制
表示オプション
日付を表示
タイムゾーンを表示
透明背景
スケール比率 (80%)
50%70%80%90%100%
ウィジェットの全体サイズを調整
サイズ設定
埋め込みコード
<div style="display: inline-block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <iframe 
    src="/embed/clock?locale=en-US&theme=auto&format=24&font=Inter&scale=80&showDate=true&showTimezone=true&transparent=false"
    width="400" 
    height="220" 
    style="border: none; border-radius: 8px; display: block;"
  ></iframe>
  <div style="text-align: center; margin-top: 4px; opacity: 0.7;">
    <a href="" target="_blank" style="font-size: 11px; color: #666; text-decoration: none;">
      ⏰ Powered by ClockZone
    </a>
  </div>
</div>
使用方法

使用手順

  1. ウィジェットパラメータを設定（テーマ、言語、サイズなど）
  2. 右側のプレビューエリアで効果を確認
  3. 生成されたHTML埋め込みコードをコピー
  4. コードをウェブサイトまたはブログに貼り付け

機能特徴

  • レスポンシブデザイン、異なる画面サイズに対応
  • 40以上の言語での表示をサポート
  • ライト、ダーク、自動テーマの切り替えをサポート
  • フォント、サイズ、表示オプションのカスタマイズ可能

パラメータ説明

locale: 表示言語を設定
theme: テーマモードを設定（auto/light/dark）
format: 時間フォーマットを設定（12/24時間）
showDate: 日付情報を表示するかどうか
showTimezone: タイムゾーン情報を表示するかどうか
transparent: 透明背景を使用するかどうか
プレビュー効果
400 ×220