| ■ テキストボックスタイプ |
<!-- ■時刻を表示 テキストボックスタイプ■
この下、<HEAD>〜</HEAD>の中に入れます。-->
<Script Language="JavaScript">
<!--
var spSTim11=" ";
function time01() {
var dayTim,jiTim,funTim,byoTim,goze;
dayTim=new Date();
jiTim=dayTim.getHours();
funTim=dayTim.getMinutes();
byoTim=dayTim.getSeconds();
if (jiTim<12) goze="午前 ";
else {
goze="午後 ";
jiTim=jiTim-12;
}
document.time01.timeform.value=spSTim11+goze+jiTim+"時"+funTim+"分"+byoTim+"秒";
setTimeout("time01()",1000);
}
// End -->
</Script> |
<!-- ■時刻を表示 テキストボックスタイプ■
この下、時計を表示したい部分に挿入。-->
<FORM NAME="time01">
<INPUT TYPE="text" size="25" name="timeform">
</FORM>
<Script Language="JavaScript">
<!--
time01();
//-->
</Script> |
|
| ■ 可愛くしたタイプ (色を変えたい場合は、太字の部分で変更してください。) |
<!-- ■時刻を表示 可愛くしたタイプ■
この下、<HEAD>〜</HEAD>の中に入れます。-->
<Script Language="JavaScript">
<!--
var spSTim11=" ";
function time01() {
var dayTim,jiTim,funTim,byoTim,goze;
dayTim=new Date();
jiTim=dayTim.getHours();
funTim=dayTim.getMinutes();
byoTim=dayTim.getSeconds();
if (jiTim<12) goze="午前 ";
else {
goze="午後 ";
jiTim=jiTim-12;
}
document.time01.timeform.value=spSTim11+goze+jiTim+"時"+funTim+"分"+byoTim+"秒";
setTimeout("time01()",1000);
}
// End -->
</Script> |
<!-- ■時刻を表示 可愛くしたタイプ■
この下、時計を表示したい部分に挿入。-->
<FORM NAME="time01">
<INPUT TYPE="text" size="25" NAME="timeform" style="border-style:solid;border-width:1px;border-color:#d8d8eb;color:#bcbcbc;background:#fafafc"></FORM>
<Script Language="JavaScript">
<!--
time01();
//-->
</Script> |
|
|