タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

Java Script

前のページへ
 
タイプライターのように1文字ずつ表示する

サンプル

 
<head> 〜 </head>内に記述
<script type="text/javascript">
<!--
var i=0, printStr;
var msg="こんな感じで文字が1文字ずつ表示されます。";

function printChar() {
	if(i>msg.length) {
		clearTimeout(timerID);
	}
	else {
		if(document.layers) {
			printStr=msg.substring(0, i);
			document.sText.document.open();
			document.sText.document.write(printStr);
			document.sText.document.close();
		}
		else if(document.getElementById) {
			printStr=msg.substring(i, i+1);
			var obj=document.createTextNode(printStr);
			document.getElementById("sText").appendChild(obj);
		}
		i++;
		timerID=setTimeout("printChar()", 200);
	}
}
//-->
</script>
 
<body>タグ内に記述
<body onload="printChar()">
 
<body> 〜 </body>内に記述
<div id="sText" style="position:absolute"></div>

このページの上へ