1. 程式人生 > >js 實現自動打字

js 實現自動打字

             使用js程式碼使用自動打字案例,記錄一下。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>定時器</title>
		<script type="text/javascript">
			var s = "我們的明天更加美好!Yeah!!!";
			var i=0;
			var divObj;
			function init(){
				divObj = document.getElementById("divId");
				setInterval(show,300);
			}
			
			var show = function(){
				if(i<=s.length)
					if(i==s.length)
						i=0;
						
					divObj.innerHTML=s.slice(0,i++)+"_";
			}
		</script>
	</head>
	<body onload="init()" id="ob">
		<div id="divId"></div>
	</body>
</html>

 slice() 方法可從已有的陣列中返回選定的元素。

 

語法

arrayObject.slice(start,end)
引數 描述
start 必需。規定從何處開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-1 指最後一個元素,-2 指倒數第二個元素,以此類推。
end 可選。規定從何處結束選取。該引數是陣列片斷結束處的陣列下標。如果沒有指定該引數,那麼切分的陣列包含從 start 到陣列結束的所有元素。如果這個引數是負數,那麼它規定的是從陣列尾部開始算起的元素。

 

執行結果: