<html>
<head>
<title>タイプライター風に表示するテキスト</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<script language="JavaScript">
<!--
var typ_text = "ようこそ僕のホームページへ";
var typ_speed = 300;
var typ_timelag = 5000;
var repeat_times = 5;
var i=n=0;
function typewriter_exe(){
if(n < repeat_times){
if(i <= typ_text.length){
document.typ_area.typ_area_text.value = typ_text.substring(0,i);
timerID = setTimeout("typewriter_exe()",typ_speed);
i++;
}
else{
n++;
i=0;
timerID = setTimeout("typewriter_exe()",typ_timelag);
}
}
else{
clearTimeout(timerID);
}
}
//-->
</script>
<style type="text/css">
<!--
input { color :red;
border :none;
text-align: center;}
body { text-align: center;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" onLoad="typewriter_exe()">
</body>