Possible callbacks about typewriterjs HOT 6 CLOSED

@tameemsafi Are you still planning on adding callback methods? This would be really useful to have some control after typing has finished. Thanks!

from typewriterjs.

@tameemsafi Would make this script extremly useful if we have callback functions.

from typewriterjs.

@bhaskar-nair2 @schmolzp @nhaberl

I've made a quick fork and added some very simple callbacks for the main methods.
It still needs some further testing before making a pull request but it works.

Codepen Example
Github Fork

Simple example of how it works:

 var typewriter = new Typewriter(element, {
    onComplete: function (err) {
      console.log('Animation done')
    }
  })
  typewriter
    .typeString('Hello World!', function () {
      console.log('Hello World!')
    })
    .pauseFor(2500, function () {
      console.log('pause done')
    })
    .deleteAll(function () {
      console.log('deleted all')
    })
    .typeString('Strings can be removed', function () {
      console.log('Strings can be removed')
    })
    .pauseFor(2500, function () {
      console.log('pause done')
    })
    .deleteChars(7, function () {
      console.log('deleted 7 chars')
    })
    .typeString('altered!', function () {
      console.log('altered!')
    })
    .start()

from typewriterjs.

I have added callback function now, which can be chained after each method.

You can do the following:

const typewriter = new Typewriter('#app');
typewriter.typeString('Hello world!')
  .callFunction(() => {
    console.log('Finished typing string');
  })
  .start();

from typewriterjs.

@tameemsafi Well done, great update! 🎉

from typewriterjs.

Thanks for your feedback.

I am currently working on allowing HTML tags inside of the strings, but I will also add callbacks to each of the available methods.

from typewriterjs.