t.js – Typewriter with Nice Features

t.js is a jQuery plugin to create Typewriter effect with nice features and html support.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: mn.tn

1. INCLUDE JS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!--jQuery-2.1.1-->
<script type="text/javascript" src="/dev/t.js/t.js"></script> <!--0.4-->

2. HTML

<span id="progress"></span>

<pre>$ Loading tweets from <strong>@justinbieber</strong>
...<ins>0.5</ins>..<ins>1</ins>....<ins>0.75</ins>.....
</pre>

3. JAVASCRIPT

$(function(){
 setInterval(function(){$('pre').css({opacity:(o=(o==.85)?.9:.85)});},1e2);
 $('pre').t({
    speed:30,
    typing:function(e,t,l,c){
      $('#progress').width(~~(((t/l)*1e2)*3));
    }
});
});

4. OPTIONS

$(function(){
  $(elem).t([content,]{

 /*basic settings*/
 speed:75,          // typing speed (ms)
 speed_vary:false,  // 'human-like' (bool)
 delay:false,       // delays start for (N.)Ns
 mistype:false,     // mistyping: 1:N per char
 locale:'en',       // keyboard layout; 'en', 'de'
 caret:true,        // caret (HTML); default (TRUE): ▎
 blink:false,       // blink; if TRUE, 10ms or N ms
 tag:'span',        // wrapper (.t-container/.t-caret)
 repeat:false,      // if TRUE, infinite or N times
 
 /*callbacks*/
 init:function(elem){}, 
 typing:function(elem,chars_total,chars_left,char){},
 fin:function(elem){}
});

5. METHODS

/*methods*/

$(elem).t('add',content);         // adds content
$(elem).t('pause'[,true/false]);  /* pauses typing (toggles
                                  if 2nd param omitted) */

/*data/properties*/
$(elem).data('t');                // TRUE if initialised
$(elem).data('is_typing');        // (bool)
$(elem).data('pause');            // (bool)