Home/ Questions/Q 7042195
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T02:08:20+00:00

I was trying to show a text gradually on the screen (like marquee). e.g.

  • 0

I was trying to show a text gradually on the screen (like marquee). e.g. H.. He.. Hell.. Hello. when I’m tracing it in debug in VS2010 it’s working! but when it’s actually running it shows the whole sentence at once.

I made a certain “delay” for about 3 seconds between each letter so it would suppose to take a while, but in reality it’s shows everything immediately.

Who’s the genius to solve this mystery? (please don’t give me advices how to create the marquee effect, it’s not the issue anymore. now it’s just a WAR between me and javascript!) I’m assuming that it has to do with synchronization when calling function from function?

Thanks to whomever will help me get my sanity back.

you can download the code from here (VS project):
http://pcgroup.co.il/downloads/misc/function_from_function.zip

or view it here:

       <body>
        <script type="text/javascript">

//trying to display this source sentence letter by letter:
        var source = "hi javascript why are you being such a pain";
        var target = "";
        var pos = 0;
        var mayGoOn = false;

    //this function calls another function which suppose to "build" the sentence increasing index using the global var pos (it's even working when following it in debug)
     function textticker() {
                if (pos < source.length) {
                    flash();

                    if (mayGoOn == true) {
                        pos++;
                        mayGoOn = false;
                        document.write(target);

                        textticker();
                    }
                }
            }
            function flash() {

    //I tried to put returns everywhere assuming that this may solve it probably one of them in not necessary but it doesn't solve it
                if (mayGoOn == true) { return; }

                while (true) {
                    var d = new Date();
                    if (d.getSeconds() % 3 == 0) {
                        //alert('this suppose to happen only in about every 3 seconds');
                        target = source.substring(0, pos);
                        mayGoOn = true;
                        return;
                    }
                }
            }


            textticker();


        </script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re obviously doing it wrong. Take a look at this.

    var message = "Hello World!";

function print(msg, idx) {
  if(!idx) {
    idx = 0;
  }

  $('#hello').html(msg.substring(0, idx));

  if(idx < msg.length) {
    setTimeout(function() { print(msg, idx + 1) }, 200);
  }
}

print(message);

    Demo: http://jsbin.com/evehus

    • 0