文本框中输入文本，在屏幕中依次显示
1、写html
<input type="text" value="">
<button>打字</button>
<p></p>
2、写CSS
input{
width: 350px;
height:30px;
}
button{
width: 80px;
height: 40px;
background-color: #fff;
}
3、写js
$('button').click(function () {
var str=$('input').val().split('');//获取input的值，并转化为数组，然后将数组切割
var b=0;
var timer;
//设置一个定时器，设置每一个字出现的时间间隔
timer=setInterval(function () {
$('p').html($('p').html()+str[b]); //在p标签中依次显示在--input中获取的值
b++;
//当b的长度=str的长度时，清除定时器
if(b==str.length){
clearInterval(timer);
}
},500)
})
