美文网首页
uniapp 文字跑马

uniapp 文字跑马

作者: 醉青风 | 来源:发表于2020-08-27 17:56 被阅读0次

/**

* 文字跑马 //第一个this  第二个为输入的文字, 第三个为赋值的字段  第4个是定时器

* pms: {

upTimer: '',//定时器

text: '输入的文字输入的文字输入的文字输入的文字输入的文字输入的文字输入的文字',

texts: '',//赋值的字段

}

传入数据为 (this.pms,this.pms.text,'texts','upTimer')

*/

var typewriting = function(that, text, texts, upTimer) {

clearInterval(that[upTimer])

let index = 0

that[texts] = ''

that[upTimer] = setInterval(function() {

if (that[texts].length < text.length) {

that[texts] = that[texts] + text.substring(index, index + 1)

index = index + 1

} else {

clearInterval(that[upTimer])

}

}, 100)

}

module.exports = {

typewriting

}

相关文章

  • uniapp 文字跑马

    /** * 文字跑马 //第一个this 第二个为输入的文字, 第三个为赋值的字段 第4个是定时器 * pms: ...

  • 如何从恐惧生成勇气?

    跑马记《生命的荣光》,肯定写了很多跑马的过程、期间的经历等等,更重要的是带着每一次跑马过程引发的思考。可能从文字来...

  • uniapp 学习文档

    一、 什么是uniapp 二、 uniapp优势 三、我们使用uniapp 四、uniapp组件 组件模块地址:h...

  • 小程序开发文档--uniapp开发<三>

    一.uniapp 网址: https://uniapp.dcloud.io/[https://uniapp.dcl...

  • 安卓实现单行文字跑马灯效果

    背景 按照产品设计,文字过长时,需要采用跑马灯显示. 如果是多行文字上下左右切换的跑马灯,可以参考《安卓实现多行文...

  • iOS 跑马灯

    几行代码实现跑马灯/ 一个Label搞定跑马灯要显示的文字text,宽度为width 。label.text = ...

  • Android 图文垂直跑马灯

    最近在维护老项目,老项目有一个地方需要修改,就是垂直跑马灯的问题,之前的垂直跑马灯是只有文字跑马灯,新版需要加上。...

  • uniapp 文字滚动栏组件

    由于项目需要,公告自动滚动展示,在网上找了下,有些是可以实现的,例如: https://ask.dcloud.ne...

  • 自定义XML

    跑马灯 自定义XML 跑马灯 跑马灯的实现方式有两种,这两种方式文字必须超过屏幕的长度第一种:android:fo...

  • UILabel开发中遇到的好用的

    根据文字计算UILabel的size 例子: UILabel位子滚动播放(跑马灯)

网友评论

      本文标题:uniapp 文字跑马

      本文链接:https://www.haomeiwen.com/subject/blhhsktx.html