​

//typing effect for text

  $.fn.typingText= function(options){

    var setting= $.extend({

//the starting point ==> *(it starts typing when the scrollbar hit the starting point)

      start:0,  

​

//the user given delay character ==> *(it delays the typing when it hits this character) ==> *(must be a character not a digit or alphabet)

      delayChar:'.',

​

//the speed of typer ==> *(must be at least 50)

      speed:100,

//the delay duration when it hits delaying characters ==> *(delaying characters are ? ! . and any other given character in delayChar variable)

      delay:500

      },options);

    if(setting.speed<50){

      setting.speed=50;

      }

    if(setting.delay<100){

      setting.delay=100;

      }

    setting.delayChar=setting.delayChar.slice(0,1);

    window.that=$(this);

    if($(document).scrollTop()>=setting.start){

      $(this).css('display','block');

      window.text=$(this).text();

      window.textLength=window.text.length;

      window.char=0;

      setting.delayChar='^\\'+setting.delayChar;

      $(this).text('');

      $(this).html('<span class="textLine"></span>');

      $(this).append('<span class="blinkingLine">|</span>');

      window.blinking=setInterval(function(){

        $('.blinkingLine').animate({opacity:0},300);

        setTimeout(function(){

          $('.blinkingLine').animate({opacity:1},300);

          },300);

        },600);

      function type(){

        window.that.children('.textLine').text(window.text.substr(0,window.char));

        window.lastChar=window.that.children('.textLine').text().slice(window.that.children('.textLine').text().length-1);

        window.char++;

        if(window.char>window.textLength){

          window.that.children('.textLine').text(window.that.children('.textLine').text().substr(0,window.textLength));

          $('.blinkingLine').remove();

          clearInterval(window.startTyping);

          clearInterval(window.blinking);

          clearInterval(window.checking);

          }

        }

      window.timer=0;

      window.startTyping=setInterval(type,setting.speed);

      window.checking= setInterval(function(){

        if(!window.delaying || typeof window.delaying=='undefined' || window.timer>=setting.delay){

          if(window.lastChar.match('^\\?') || window.lastChar.match('^\\.') || window.lastChar.match('^\\!') || window.lastChar.match(setting.delayChar)){

            if(window.timer>=setting.delay){                

              window.timer=0;

              window.char++;

              type();

              window.startTyping=setInterval(type,setting.speed);

              window.delaying=false;

              }

            else{

              window.delaying=true;

              clearInterval(window.startTyping);

              window.startTyping=null;

              }

            }

          }

        else{

          window.timer=window.timer+50;

          }

        },50);

      }

    };

})(jQuery);

​

$(function(){

  $('#title').typingText();

  $('#title2').typingText();

});