JS代码：文字一个个显示，添加放大效果

接昨天的文字放大效果，改变一下，我们让文字一个个显示，出现之后放大和缩小之后，后面的字再出现，JS代码如下：

"use strict";

var i = 0;
textFade();
function textFade(){
	var text = "文字渐入效果文字渐入效果";
	var str = "";
	
	if(i != 0){
		str = text.substr(i-1,1);
		var output=document.getElementById('div1');
		output.innerHTML += "<span>"+str+"</span>";
		var dt = $("#div1 span").eq(i-1);
		$(dt).animate({fontSize: "2em"}, 300);
		$(dt).animate({fontSize: "1em"}, 300);
	}
	i++;
	if (i>text.length) {
		i=0;
	}else{
		setTimeout("textFade()",700);
	}
}