Javascript Typing Text Effect Tutorial Timed Loops and Array Programming

http://cttechconcierge.com/\/wp-admin\/admin-ajax.php

Lesson Code: http://www.developphp.com/video/JavaScript/Typing-Text-Animation-Tutorial-Array-Loop-Programming
Learn to program arrays and timed loops in JavaScript to animate typing text.

source

24 thoughts on “Javascript Typing Text Effect Tutorial Timed Loops and Array Programming”

  1. how to buy Finax uk What did I do wrong 🙁

    go here <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <div id="myTypingText"></div>
    <script type="text/javascript">

    var myString = "sample text";
    var myArray = myString.split("");
    var loopTimer;

    Function frameLooper(){
    if(myArray.length > 0){
    document.getElementById("myTypingText").innerHTML += myArray.shift();
    } else {
    clearTimeout(loopTimer);
    }

    loopTimer = setTimeout('frameLooper()',70);
    }
    frameLooper();
    </script>
    </body>
    </html>

  2. Hi:)
    The code isn't working for me..
    what did I do wrong??
    <body dir="rtl" style="background-image: url('img0.jpg');">
    <h1 align="center"> דקור ליין </h1><div id="myTypingText"></div>
    <script type="text/javascript" language="javascript">
    var myString = "פתרונות הצללה ועיצוב בעץ";
    var myArray = myString.split("""")
    var loopTimer;
    function frameLooper(){
     if(myArray.length>0){
      document.getElementById("myTypingText").innerHTML+=myArray.shift();}
      else{clearTimeout(loopTimer);}
      loopTimer=setTimeout('frameLooper()',80);
     }
     frameLooper();
     </script>

  3. <!DOCTYPE html>
    <html>
    <body>
    <div id="text"></div>
    <script type="textjavascript" language="javascript">
    var mystring="SRagavendra Vignesh";
    var myarray=mystring.split("");
    var looper;
    function loop()
    {
    if(myarray.length>0)
    {
    doucument.getElementById("text").innerHTML+=myarray.shift();
    }
    else{
    clearTimeout(looper);
    }
    looper=setTimeout('loop()',70);
    }
    loop();
    }
    </script>
    </body>
    </html>
    its not working…..

  4. Hi Adam, I have been a very long time follower of your videos from when you first launched PHP ecommerce tutorial. Although a bit much to ask, if possible can you explain how to create simple TABS in Pure Javascript, using ES6? There are many scripts out there, but your teaching is what I'm interested in. Ty for the great work you're doing man.

  5. This code isn't working for me I even went to your website and copy and pasted the code into a new html document and it it errors out in the console log stating that it can not read property of innerHTML

  6. Could you possibly make a tutorial on how to do this same thing, but have the text delete itself and type another thing after the first thing was deleted. And then when all the items you wanted printed out have been, starting the loop over?

Leave a Reply

Your email address will not be published. Required fields are marked *