打字效果和移动光标最后
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var message = "上世纪60年代,根据柳残阳原著改编的粤语神怪武侠片《如来神掌》曾红极一时,由当时的巨星曹达华、于素秋扮演主角,整个系列曾先后拍摄5集,片中的“火云邪神”([柠檬]饰演)是主人公龙剑飞的师傅,也是绝技“如来神掌”的传人。后来,曾江、雪妮还续拍了《如来神掌再显神威》、《如来神掌劈魔平九派》,可见这套电影当时的热门程度。而到了1982年,邵氏还推出了新版《如来神掌》,万梓良在片中扮演的就是“火云邪神”。电视也曾两度拍摄《如来神掌》片集,第一套分别由于洋主演,後一套由张智霖主演。《如来神掌》《如来神掌》火云邪神的名字还被借用到漫画之中,黄玉郎从上世纪70年代开始连载的名著《龙虎门》中的大反派、日本罗刹教教主便叫“火云邪神”。1994年,《功夫》的武术指导袁和平还拍过一部《火云传奇》,林青霞扮演的角色也被称为“火云邪神”。可以说,火云邪神一词在香港武侠文化中占有不可忽视的地位。",
pos = 0 , /*初始截字符的位置*/
maxlength = message.length + 1;
/*
* 打字效果
*/
function writemsg() {
if (pos < maxlength) {
txt = message.substring(pos, 0);
document.forms[0].vito.value = txt+'|';
document.forms[0].vito.style.color = '#00F' /*设置打出来的字体样式*/
timer = setTimeout("writemsg()", 100) /*设置间隔50毫秒打一个字*/
pos++
} else {
txt = message.substring(pos-1, 0);
document.forms[0].vito.value = txt;
document.forms[0].vito.focus();
locatePoint();
}
}
/*
* 光标文本域最后
*/
function locatePoint(){
var textArea = document.forms[0].vito;
if (textArea.setSelectionRange) { // ff
setTimeout(function() {
textArea.setSelectionRange(textArea.value.length, textArea.value.length);
}, 0);
}else if (textArea.createTextRange) { // IE
var tempText=textArea.createTextRange();
tempText.moveStart("character",textArea.value.length);
tempText.collapse(true);
tempText.select();
}
}
</script>
</head>
<body>
<form action="">
<textarea rows="10" cols="160" id="vito"></textarea><br />
<input type="button" οnclick="writemsg()" value="开始" />
</form>
</body>
</html>
参考来源:
http://www.jb51.net/article/26527.htm
http://www.cnblogs.com/vchenpeng/p/3172929.html