然后在页面上添加一个你要显示文本框内容的任意标签，但id必须是唯一的
实例：
<input type="text" size="20" onkeyup="shu(this.value)"/>
<span id="txt">这里显示文本框的内容</span>
js代码：
<script>
function shu(text){
document.getElementById('txt').innerText=text
}
</script>
<!DOCTYPE html><head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>打字机效果</title>
<script>
window.onload = function (){
var text = document.getElementById('text')
var str = '使用JS实现一个打字机字符输出效果使用JS实现一个打字机字符输出效果使用JS实现一个打字机字符输出效果使用JS实现一个打字机字符输出效果'
var arr = []
for(var i=0i<str.lengthi++){
arr.push(str[i])
}
var text1 = ''
var num = 0
var timer = setInterval(function (){
if(num < arr.length){
text1 += arr[num]
text.innerHTML = text1
num++
} else {
clearInterval(timer)
}
},200)
}
</script>
</head>
<body>
<div id='text'></div>
</body>
</html>
