■

プログラム 
<html>
<head>
<title>サンプル</title>
<script type="text/javascript">
<!--

function figure_change(string,figure,letter){
      var string = String(string);
      var letter = String(letter);
      var figure = Number(figure) - string.length;

      var return_string = "";
          for(var figure_i=0; figure_i<figure; figure_i++){
            return_string += letter;
            if(return_string.length > figure){
              return_string = return_string.slice(0,figure);
              break;
            }
          }
          return_string += string;

      return return_string;
    }


function jikoku() {
    
    date = new Date() ;
    test=date.getHours();
    h=test.toString(2); 
    h=figure_change(h,7,0)


    	
    test=date.getMinutes();
    m=test.toString(2); 
    m=figure_change(m,7,0)
	
    test=date.getSeconds();
    s=test.toString(2);
    s=figure_change(s,7,0) 
    time2=h+" "+m+" "+s;

 for(var figure_i=0; figure_i<38 ;figure_i++){
	h=h.replace("0", "○");
	h=h.replace("1", "●");
}
	
 for(var figure_i=0; figure_i<38 ;figure_i++){
	m=m.replace("0", "○");
	m=m.replace("1", "●");
}
	
 for(var figure_i=0; figure_i<38 ;figure_i++){
	s=s.replace("0", "○");
	s=s.replace("1", "●");
}
	

    document.F1.T1.value = h.toString();
    document.F1.T2.value = m.toString();
    document.F1.T3.value = s.toString();
    window.setTimeout("jikoku()", 1000);
}
// -->
</script>
</head>
<body onload="jikoku()">
<center>
<form name="F1" action="#">
<input type="text" name="T1" size=20 style=border:none>
<br>
<input type="text" name="T2" size=20 style=border:none>
<br>
<input type="text" name="T3" size=20 style=border:none>
</form>
</body>
</html>