<!--　文字表示　その１　-->
<!--　黄文字部分をhtmlファイルのbodyタグ内にコピペで動作　-->
<!--　余分な部分は、コメント処理していますので、文すべてのコピペでもOK　-->

<!--　（１）文字を表示するテキストボックスを用意　-->
<input type="text" name="text1" size="22" value=""
style="font-size: 12pt; text-align: left ;background-color: #CCFFCC; font-weight: bold; color: red">

<!--　（２）表示スタートボタン　-->
<!--　onClickはボタンを押した時のイベント（動作）を指定　-->
<!--　××.disabled=true　はボタンの使用制限を決定（trueは使用不可）　-->
<!--　timerID=setInterval('textstart1()',200);　でタイマーイベントを発生、　-->
<!--　意味は200ミリ秒間隔で、下記で作成する関数textstart1を実行　-->
<input type="button" value="時刻表示" name="Button1"
onClick="Button1.disabled=true;Button1_2.disabled=false; timerID=setInterval('textstart1()',200);">

<!--　（３）表示停止ボタン　-->
<!--　clearInterval(timerID)　が上で定義したタイマー（timerID）をストップ　-->
<!--　JavaScript内で定義した変数を0に戻す　-->
<input type="button" value="停止" name="Button1_2" disabled=true
onClick="Button1.disabled=false;Button1_2.disabled=true;clearInterval(timerID);text1.value='';int=0;">

<!--　（４）関数の作成　-->
<script language="JavaScript">
<!--
int=0;
function textstart1(){
  HH=((new Date()).getHours()).toString();
   //現在の時刻の時間部分を取得し、その数値を文字に変換
  if(HH.length==1)HH="0"+HH;
   //文字列が一定の長さになるよう1桁数字の場合、0を付け2桁に揃える
   //以下、分、秒部分に関しても同じ操作
  MM=((new Date()).getMinutes()).toString();
  if(MM.length==1)MM="0"+MM;
  SS=((new Date()).getSeconds()).toString();
  if(SS.length==1)SS="0"+SS;

  textP="　　　　　　　　　　　　　　　只今"+HH+"時"+MM+"分"+SS+"秒です。";
   //一旦、文字が表示からなくなるよう、スペース文字を頭に付け、
   //更に、時、分、秒を間に挟む文字を変数textPに代入

  if(int<textP.length){
   //１文字ずつ、先頭の文字を最後尾に付ける動作を文字の数だけ繰り返す
    text1.value=textP.substring(int,textP.length)+textP.substring(0,int);
   //テキストボックスtext1に加工した文字を入れる（表示される）
    int=int+1;
   //文字の数だけ繰り返したところで、変数intを0に戻す
  }else{
    int=0;
  }
}
//-->
</script>