|
HTMLタグ > 今日の日付と曜日と現在時刻・フィールド
|
リアルタイム時計(今日の日付と曜日と現在時刻)を表示します。
「ブログパーツをさがせ」様の配布している「ブログパーツ風味の一行時計（ノーマル）」をシンプルにして、少し改造したものです。
色をつけたり字の大きさを変えたり、枠をつけたり背景に画像を使ったりしてデザインに凝りたい方は、
「ブログパーツをさがせ」様の方を
参考にして下さいませ♪
<見本>
1) </title>〜</head>のに以下のタグを入れます。
<script language="JavaScript">
<!--
function Watch() {
now = new Date();
year = now.getYear();
month = now.getMonth()+1;
day = now.getDate();
youbi = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
hour = now.getHours();
minute = now.getMinutes();
second = now.getSeconds();
if (year < 1000) { year += 1900 }
if (month < 10) { month = '0' + month }
if (day < 10) { day = '0' + day }
if (hour < 10) { hour = '0' + hour }
if (minute < 10) { minute = '0' + minute }
if (second < 10) { second = '0' + second }
document.getElementById("time").innerHTML =year + '.' + month + '.' + day + ' '
+ youbi[now.getDay()] + ' ' + hour + ':' + minute + ':' + second;
setTimeout('Watch()',1000);
}
Watch();/* satokoto.blog10.fc2.com */
//-->
</script>
|
2) 時計を入れたい位置に、以下のタグを入れます。
3) <body>の中に、以下の赤字のタグを入れます。
「HTMLタグ」のトップに戻る
|
|
|
