JavaScript Need a Pause

[jerdonald]

JavaScript forum,
I have been writing C, C++ and many kinds of code for many years and am currently learning HTML, CSS and JavaScript. I have some HTML and CSS working and am adding JavaScript. Since I'll be doing some animation I need to find out how to execute something like this:

<script>
execute some JavaScript to draw in a canvas. I can do this.
wait for some time in ms. I've tried loops and several other things I found on the internet but none work.
execute some JavaScript that draws more things in the canvas.
</script>

jerdonald

 

[Johna]

Try using setTimeout()

<script>
//execute some JavaScript to draw in a canvas. I can do this.
setTimeout( function() {
  //execute some JavaScript that draws more things in the canvas.
}, /*time in ms*/);
</script>

 

[jerdonald]

Johna,
Thanks for the response.

Following your suggestion I tired this code:

setTimeout( drawCircle() {
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();
}, 2000);

Now my file only displays the canvas with nothing inside it?

jerdonald

 

[Johna]

Hmm, I'm not too familiar with canvas.

I'll get back to you tomorrow, my battery is almost dead.