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 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

参数	描述
start	必需。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
end	可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数，那么它规定的是从数组尾部开始算起的元素。

运行结果:

语法

猜你喜欢