AutoTyping.js打字机动画插件

AutoTyping.js纯JavaScript库,连续的文本输入和删除效果适用于一个字符串数组。

自定义颜色

const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      textColor: '#ff0000'
})

打字动画效果设置

const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      typeSpeed: 100,
      typeDelay: 100,
      typeRandom: false,
      deleteSpeed: 50,
      deleteDelay: 50,
      typeInfinity: true
})

自定义光标

const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      cursor: '|',
      cursorColor: '#000',
      cursorSpeed: 300
})

回调方法

const myheader = new AutoTyping({
      id: 'header',
      typeText: ['AutoTyping.js Example', 'A Text Typing Effect'],
      callBack: {
        counter: 3,
        method: function(counter){
          // do something
        } 
      }
})