Interaction. Blast.js animation when the page loads

Question

I'm new to JavaScript and learning how to use the blast.js. I took a basic script that produces animation by click. How do I make the animation produced when the page loads?

$(function() {

  $('#test').on('click', function() {
    // Blasts the title
    var words = $('h1').blast({
      delimiter: 'word'
    });

    words.each(function(i) {
      // Initialization of the position
      $(this).css({
          position: 'relative',
          top: 150,
        })
        .delay(i * 70)
        .animate({
          top: '50px'
        }, 400, );
    });
  });
});

Answer 1

try this

$(function() {
    // Blasts the title
    var words = $('h1').blast({
      delimiter: 'word'
    });

    words.each(function(i) {
      // Initialization of the position
      $(this).css({
        position: 'relative',
        top: 150,



      })

        .delay(i * 70)

        .animate({top: '50px'}, 400,); 


    });
  });