ルパンのタイプライターみたいなの

javascript

とある掲示板の質問にあったので、javascriptでやってみた。
音が見つからなかったので見た目だけそれっぽくしたんですが、
やっぱ音無しだと話になんない感じですね…

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TypeWriter like Lupin the 3rd</title>
<style type="text/css">
body { background-color: #000; color: #fff; }
p#tw {
	margin: 0px; padding: 0px;
	font: bold 16em 'ＭＳ 明朝';
	text-align: center; }
</style>
<script type="text/javascript">
//ここを好きな文字に変えます
var msg = '音が出ないのが…orz誰かタイプライター音作ってくれませんか?';
var elmP; var n = 0;
function jsTypeWriter() {
	var s = msg.substr(n, 1);
	elmP.innerHTML = s;
	if (n < msg.length) {
		n++;
		//第2引数を大きい数字にするとゆっくりに
		//小さい数字にすると早くなります
		setTimeout(jsTypeWriter, 200);
	} else {
		clearTimeout();
		//↓のfontSizeとlineHeightを微妙に調整しないと
		//最後の全文表示んときに、表示位置がズレちゃいます
		elmP.style.fontSize = '8em';
		elmP.style.lineHeight = '2.5em';
		elmP.innerHTML = msg;
	}
}
window.onload = function() {
	elmP = document.getElementById('tw');
	jsTypeWriter();
}
</script>
</head>
<body>
<p id="tw"></p>
</body>
</html>

こんな感じです。