Show text letter by letter

by

HTML

<div id="msg"/>

Javascript

var showText = function (target, message, index, interval) {   
  if (index < message.length) {
    $(target).append(message[index++]);
    setTimeout(function () { showText(target, message, index, interval); }, interval);
  }
}

Call with:

$(function () {
  showText("#msg", "Hello, World!", 0, 500);   
});

More Related Contents:

  1. Does any budy know how to reproduce this hover effect on this page? [closed]
  2. JQuery change CSS style of table cells which contain disabled elements [closed]
  3. How to have html popup appear over main html page?
  4. Write tags in HTML and print
  5. Change from (+) symbol to (-) after click (function(){
  6. How can i create html automatic change page? [duplicate]
  7. How to disable HTML links
  8. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  9. Refresh/reload the content in Div using jquery/ajax
  10. Animate element to auto height with jQuery
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. How to get nth-child selector to skip hidden divs [duplicate]
  13. How to auto-scroll to end of div when data is added? [duplicate]
  14. Disable dragging an image from an HTML page
  15. CSS3-Animate elements if visible in viewport (Page Scroll)
  16. Use a new CSS file to override current website’s
  17. How to keep the menu state on page reload
  18. How to create a responsive image that also scales up in Bootstrap 3
  19. How can I change the font (family) for the labels in Chart.JS?
  20. Unusual shape of a textarea?
  21. I want to show list items as 2 or more columns (dynamic alignment)
  22. How to display Image dynamically on UI?
  23. How do I make a move up and down when I’m scrolling the page?
  24. How do I detect the inherited background-color of an element using jQuery/JS?
  25. Convert dropdown to selection boxes with color and trigger drop down action
  26. Large dynamically sized html table with a fixed scroll row and fixed scroll column
  27. How did YouTube create a fluid video player?
  28. Detect if dropdown navigation would go off screen and reposition it
  29. Iframe inherit from parent
  30. Bootstrap Dropdown menu is not working

Leave a Comment