24時間別にボタンの文字とアラートのコメントを表示
ボタンの文字には24時間別の文字が表示され、クリックするとその時間のコメントをアラートで表示。
ソース
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
myDate=new Date();
myTime=myDate.getHours();
val=new Array(24);
val[0]="午前0時";
val[1]="午前1時";
val[2]="午前2時";
val[3]="午前3時";
val[4]="午前4時";
val[5]="午前5時";
val[6]="午前6時";
val[7]="午前7時";
val[8]="午前8時";
val[9]="午前9時";
val[10]="午前10時";
val[11]="午前11時";
val[12]="正午";
val[13]="午後1時";
val[14]="午後2時";
val[15]="午後3時";
val[16]="午後4時";
val[17]="午後5時";
val[18]="午後6時";
val[19]="午後7時";
val[20]="午後8時";
val[21]="午後9時";
val[22]="午後10時";
val[23]="午後11時";
mes=new Array(24);
mes[0]="午前0時のコメントです";
mes[1]="午前1時のコメントです";
mes[2]="午前2時のコメントです";
mes[3]="午前3時のコメントです";
mes[4]="午前4時のコメントです";
mes[5]="午前5時のコメントです";
mes[6]="午前6時のコメントです";
mes[7]="午前7時のコメントです";
mes[8]="午前8時のコメントです";
mes[9]="午前9時のコメントです";
mes[10]="午前10時のコメントです";
mes[11]="午前11時のコメントです";
mes[12]="正午のコメントです";
mes[13]="午後1時のコメントです";
mes[14]="午後2時のコメントです";
mes[15]="午後3時のコメントです";
mes[16]="午後4時のコメントです";
mes[17]="午後5時のコメントです";
mes[18]="午後6時のコメントです";
mes[19]="午後7時のコメントです";
mes[20]="午後8時のコメントです";
mes[21]="午後9時のコメントです";
mes[22]="午後10時のコメントです";
mes[23]="午後11時のコメントです";
function MyValue(){
document.F1.B1.value=val[myTime];
}
function MyMes(){
alert(mes[myTime]);
}
//-->
</SCRIPT>
</head>
<body>
<FORM name="F1">
<INPUT type="button" name="B1" onClick="MyMes()" value="・・・・・">
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
MyValue();
//-->
</SCRIPT>
</body>
</html>
JavaScript GarageのTopへ戻る