ボタンクロックを作ってみよう
表示の例
 ボタンに現在の時間が表示されて、クリックすると今日の日付をアラートで表示します。
プログラムAのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。
プログラムAのソース
<SCRIPT LANGUAGE="JavaScript">
<!--
function tokei1(){
myDate=new Date();
myHour=myDate.getHours();
myMinute=myDate.getMinutes();
mySecond=myDate.getSeconds();
if (myHour<10) {myHour="0"+myHour};
if (myMinute<10) {myMinute="0"+myMinute};
if (mySecond<10) {mySecond="0"+mySecond};
document.mybutton.buttonclock.value=" 時刻は"+myHour+"時"+myMinute+"分"+mySecond+"秒です";
setTimeout("tokei1()",1000);
}
function hizuke2(){
youbi=new Array("日","月","火","水","木","金","土");
myDate=new Date();
y=myDate.getFullYear();
m=myDate.getMonth()+1;
d=myDate.getDate();
w=youbi[myDate.getDay()];
alert("本日は"+y+"年"+m+"月"+d+"日("+w+"曜日)"+"です");
}
//-->
</SCRIPT>
必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください。
プログラムBのソースをコピーして、ボタンクロックを表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。
プログラムBのソース
<FORM name="mybutton">
<INPUT type="button" name="buttonclock" onClick="hizuke2()" value="時刻は○時○分○秒です">
<SCRIPT LANGUAGE="JavaScript">
<!--
tokei1();
//-->
</SCRIPT>
</FORM>
ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。
5・6年生にもわかるやさしいJavaScriptのTOPへ