javascript 字符串滚动显示

时间:2023-03-09 15:21:22
javascript 字符串滚动显示
<html>
<head>
<script type="text/javascript">
var chars = "JavaScript 是世界上最流行的脚本语言。";
var begin = 0;
var scrollSize = 1;
var isRun = false;
function scrollChar() {
if (!isRun) {
charsClone = chars;
document.sForm.scroll.value = charsClone;
}
//alert(document.sForm.scroll.textLength);
if (chars.length < document.sForm.scroll.textLength) {
var index = document.sForm.scroll.textLength - chars.length;
for (i = 0; i < index; i++)
chars += " ";
}
var subChar = charsClone.substr(begin, scrollSize);
charsClone = charsClone.substr(begin + scrollSize) + subChar;
document.sForm.scroll.value = charsClone;
setTimeout("scrollChar()", 500);
isRun = true;
}
</script>
</head>
<body onload="scrollChar()">
<form name="sForm">
<input name="scroll"/>
</form>
</body>
</html>