<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>
给文本框添加一个onkeyup事件然后在页面上添加一个你要显示文本框内容的任意标签，但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>
你发的代码就是 有问题的看了下你的思路!首先页面加载的时候调用一个function每隔一段时间换个提示信息.你如果要点击框的时候取消文字!那么在input上面绑定一个function取消掉定时器,鼠标移开也绑定一个function再添加 setTimeout("textticker()",130)应该就差不多了!其他的看一楼
