×

フリーでカスタマイズ可能な時計のウィジェットをあなたのウェブサイトに

ご自身のウェブサイトに正確な時計がほしいですか? あるいは、今日の日付、日の出・日の入りの時刻、日の長さは? 以下のオプションから選んで、コードをコピーしましょう! 無料です!

オプション

地点
ニューヨーク, アメリカ
他の地点については、右上の検索欄を使ってください。
表示するもの




時刻のフォーマット



データフォーマット




 
日:
dayname日曜日
dname
daynum01-31
dnum1-31
day_in_y日 1-366
週:
week第45週
月:
monthname11月
monthnum01-12
mnum1-12
年:
year2024
yy24
色とサイズ
px
どのように見えるか
ニューヨーク での時間:
最終的な見え方はあなたのウェブページのスタイルシートによって変わるかもしれません。
このウィジェットは、CSSで好きなようにデザインできます。

以下が、あなたのウェブ時計ウィジェットのコードです。

利用規約

高度な使い方

ウィジェットのスクリプトには2種類あります。単純なバージョン(t.js)は時刻を表示するだけです。メインのウィジェットのスクリプト(ja.js)は時刻・日付・日の出・日の入りの時刻、日の長さを表示します。メインのウィジェットのスクリプトはいくつかの言語で利用できます。他の言語を使うには、スクリプト名のja を使いたい言語の名前に対応するコードに置き換えてください。(例えば、ポーランド語ならpl.js、トルコ語ならtr.jsとなります。)

init 関数のためのパラメータ

パラメータ有効なキーワードデフォルト値
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coords地点の緯度・経度。太陽の出ている時間を表示するのに必要です。
idサーバ側で、地点と時間帯を特定するためのもの。もし地点の名前が非Ascii文字を含む場合やHTML要素のIDを変更した場合に必要です。
callbackパラメータとして、テンプレートでレンダーされる一秒ごとに呼び出される関数の名前(任意)

パラメータ名とキーワードは大文字と小文字を区別します。template、 time_format、 date_format および sun_format パラメータにおいては、HTMLその他のコンテンツが使用できます。

複数の時計は、以下のように作れます。

UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//widget.time.is/ja.js"></script>
<script>
time_is_widget.init({
	UTC_za00 : {},
	New_York_z161 : {
		template: "SUN",
		sun_format: "srhour:srminute",
		coords: "40.71427,-74.00597"
		},
	Tokyo_z444 : {
		coords: "59.33258,18.06490"
		}
	});
</script>

出力結果:

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

time_format、 date_format、 sun_format および template パラメータの値は継承されるので、先に定義したウィジェットと同じ値であるならば繰り返す必要はありません。

 
 
2024年, 11月 10日, 日曜日, 第45週