JavaScript malarkey示例

示例#1

文件： openingPage.js 项目： domhacking/dominichacking

    onrender: function(){
        var elem = document.querySelectorAll('.content__text--name')[0];
        var opts = {
            loop: false,
            typeSpeed: 100
        };

        var m = malarkey(elem, opts).type("DOMINIC HACKING").pause(500);

        var elem = document.querySelectorAll('.content__text--coder')[0];
        var opts = {
            loop: false,
            typeSpeed: 100,
            pauseDelay: 2800,
        };
        var m = malarkey(elem, opts).pause().type("coder");
    }

示例#2

文件： all-read.js 项目： ArcherDing/gitify

  componentDidMount() {
    const message = _.sample(constants.ALLREAD_MESSAGES);

    const elem = document.querySelector('.typed');
    const opts = {
      typeSpeed: 50,
      pauseDelay: 1000,
      postfix: ''
    };

    malarkey(elem, opts).type(message).pause();
  }

示例#3

文件： title.js 项目： bionikspoon/webpack-hmr-wordpress

module.exports = function activate() {
  const elem = document.querySelector('.title');
  const opts = { loop: true };

  activate.handle = malarkey(elem, opts);

  activate.handle
          .delete()
          .type('It Works!!!').pause().delete()
          .type('JS + SASS HMR in WordPress.').pause().delete()
          .type('Hello World').pause();
};