js實現逐字出現

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Js逐字顯示</title>
		<style>
			.d{
				height: 100px;
				width: 100px;
				border: 1px solid black;
				margin-left: 100px;
			}
			
		</style>
	</head>
	<body onLoad="show()">
		<div id="txt" class="d"></div>
		<script language="javascript">
			content = "運動之後有三忌:1坐下休息;2立即洗澡;3進食大量甜食,以及涼水(要喝溫開水)";
			i = 0;

			function show() {
				str = content.substr(0, i);
				txt.innerHTML = str + "_";
				i++;
				if (i > content.length) i = 0;
				setTimeout("show()", 200);
			}
		</script>
	</body>
</html>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章