网站开发 只要,一个人直播免费看的视频,力天装饰口碑怎么样,wordpress优质插件功能要求
在后台传输得到的数据在展示时候进行打字机效果一个字一个字进行展示
实现想法
1、在一个滚动容器中展示一个个文字#xff0c;也就是将全部数据截取出来添加到一个新数组中
2、采用循环或者定时器进行编写
注意#xff1a;前提条件是需要后端传值提供 换行符号…功能要求
在后台传输得到的数据在展示时候进行打字机效果一个字一个字进行展示
实现想法
1、在一个滚动容器中展示一个个文字也就是将全部数据截取出来添加到一个新数组中
2、采用循环或者定时器进行编写
注意前提条件是需要后端传值提供 换行符号或者其他标识符不然只会进行一整段的显示
代码
scroll-view scroll-ytrue :scroll-topscrollTop styleheight: 54vh;u-parse :contentanswerShow/u-parse
/scroll-view
这里使用的是uniapp中的富文本解析器因为需要换行采用的/br所以使用了富文本进行
采用text或者div之类的可以自己进行尝试 拿到后台返回的json数据后 onebyone(res) {var i 0;let that thislet res1 res.replace(/\n/g, br/).replace(/[**]/g, )var time setInterval(function() {var text res1.substring(0, i);iif (i 1) {that.scrollTop}that.answerShow textif (text.length res1.length) {// console.log(定时器结束);clearInterval(time);}}, 100)},
将后台的/n换行变成可以解析的换行**是加粗的替换
采用定时器每次i来控制每次执行进行 提取添加当两个文本值一致后结束定时器
这里还需要控制的是滚动高度进行添加使其滚动
不止适用于小程序还可以在pc项目使用
