<!--　文字表示　その３　-->

『その２』と丸っきり同じです。違うのはテキストボックスの文字位置が
『その２』では右寄せなのに対し、『その３』では左寄せと言う違いのみです。
　
<input type="text" name="text3" size="24" value="" style="font-size: 12pt; text-align: left; background-color: #CCFFCC; font-weight: bold; color: red">

<input type="button" value="表示" name="Button3" onClick="Button3.disabled=true;Button3_1.disabled=false;timerID3=setInterval('textstart3()',200);">

<input type="button" value="停止" name="Button3_1" disabled=true onClick="Button3.disabled=false;Button3_1.disabled=true;clearInterval(timerID3);text3.value='';flag3=0;int3=0;">

<script language="JavaScript">
<!--
int3=0;
flag3=0;
function textstart3(){
  HH=((new Date()).getHours()).toString();
  if(HH.length==1)HH="0"+HH;
  MM=((new Date()).getMinutes()).toString();
  if(MM.length==1)MM="0"+MM;
  SS=((new Date()).getSeconds()).toString();
  if(SS.length==1)SS="0"+SS;

  textP3="　只今"+HH3+"時"+MM3+"分"+SS3+"秒です。";

  if(flag3==0){
   //変数flagを切り替えることにより、文字の往復の表示を切り替える
    if(int3<textP3.length){
      int3=int3+1;
      text3.value=textP3.substring(0,int3);
    }else{
      int3=0;
      flag3=1;
    }
  }else{
    if(int3<textP3.length){
      text3.value=textP3.substring(0,textP3.length-int3);
      int3=int3+1;
    }else{
      text3.value=""
      int3=0;
      flag3=0;
    }
  }
}

//-->
</script>