html5循环显示文字,js实现简单的循环打字效果(思路分享)

1.初始化"打字创建"属性

代码类似于这样:

var typing = {

_el: document.getElementById("demo"),

_maxSpeed: 150,//最大输入速度

_minSpeed: 20,//最小输入速度

_textList: ["js实现简单的循环打字效果(思路分享)",

"关爱单身狗成长协会 ",

"简书地址:https://www.jianshu.com/u/f19e29243ff6",

"weibo:https://weibo.com/bay12580"

],//输入文字集合

_listIndex: 0,//列表的索引

_text: '',//当前显示的句子文字

_tempText: "",//临时句子截取文字

_indexes: 0,//光标索引

_delSpeed: 10,//删除文字速度

_cursorText: "_",//光标文字

_wait: 2000,//文子输入完成后等待时间删除

_waitInput: 800,//等待n毫秒后开始输入

_timer: null,//定时器

_isStop: true,//是否停止

_cacheFun: null,//停止时函数记录

};

其实属性也不难理解,这里就不详细说明了~~

2.几个基本函数

//略