js写滚动的文字

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

页面中的文字，逐个显示在页面；由于电脑的配置较低，录制的视频相对来说比较卡顿

思路：

用一个定时器将预制的文字通过字符串截取.substring(0, i)方法不断的赋给要显示的区域，i在定时器里面迭代累加，当预制的文字跟显示区的文字相同时，清除定时器。

代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>动起来的文字</title>
<style>
.page{
width: 500px;
} </style>
<script type="text/javascript" src="js/tween.js"></script>
<script type="text/javascript" src="js/animation.js"></script>
</head>
<body>
<div class="page">
<h1 class="page2-title">公司介绍</h1>
<p class="li-none" id="page2Txt">
深圳达农保险经纪有限公司成立于2016年5月，总部设立于深圳，立足打造农村互联网保险平台，首期注册资本5000万人民币，是诺普信农化股份有限公司控股的保险经纪服务商。达农保险将一直秉持“保险基于需求”的理念，以国家农业现代化的发展趋势为导向，积极发挥保险经纪金融工具的特有优势，以创新的模式，深入三农，为农业的现代化发展提供保障。展望未来，达农保险将以金融手段持续附着产业共同发展。
</p>
<div class="el-page2 li-none"> <p class="fenge-solid"></p>
<p class="page2-txt" id="page2TxtShow"></p>
</div>
</div>
<script>
var page2Txt = document.getElementById('page2Txt'),
page2TxtShow = document.getElementById('page2TxtShow'),
i = ;
/*timer = setInterval(function(){
page2TxtShow.innerHTML = page2Txt.innerHTML.substring(0, i);
i++;
if(page2TxtShow.innerHTML == page2Txt.innerHTML){
clearInterval(timer);
};
},60);*/
var timer = null;
timer = setInterval(function(){
page2TxtShow.innerHTML = page2Txt.innerHTML.substring(,i);
i++;
if (page2TxtShow.innerHTML == page2Txt.innerHTML) {
clearInterval(timer);
}
},);
/*Math.animation(document.documentElement.scrollTop, 0, function (value) {
document.documentElement.scrollTop = value;
}, 'Quart.easeOut', 600);*/
</script>
</body>
</html>