9.4: JavaScript setTimeout() Function - p5.js Tutorial

[@CJ-pd7xg]

Dude. I want you to teach me every single topic that I have ever wanted to know.You're awesome.

[@NASSIMELBOUJJOUFI]

The best teacher ever

[@arnobchowdhury9641]

Every time i watch one of your tutorials, i think to myself that it would be great if you had taught native Javascript (cause i am trying to learn it now). your videos are so well explained and yet so much fun to watch. Thank you sir.

[@anmolarora5026]

finally im not the only programmer that gets sidetracked while talking

[@Cambaudio]

Thanks so much! None of the other videos or articles I read made sense or got my timing to work but yours did! I was finally able to after many hours make the loop I wanted. You have an awesome teaching ability. Again thank you so much.

[@gary3548]

Every time I watch one of your videos you make me smile and feel great. You are awesome! I need to watch more of your videos! So much more passion than the other coders out there!

[@abdelrahman5094]

you have an amazing way for explanation which makes you the best on youtube

[@bejisan1]

Placing all my cloud function code inside the setTimeout 1st parameter did the trick for Node.js. Just needed to delay my datasnapshot by 3 seconds for it to catch up with my callbacks finishing writing to the database. Thx a lot, spent all day on it, and there were not many threads about it on stackoverflow. You saved what little is left of my sanity. /subbed to this channel.

[@CivicYt]

I LOVE setTimeout. Can do so much for interactive things.

[@koteswararao2182]

Good way of explanation.. very friendly and easy to understand in simple terms.

[@somtovitus]

this guy breaths codes!

[@goldthumb]

I like the recursion between setTimeout() and rainbow() in this example.

[@greendaydave1210]

I had to delay audio for my app. This helped immensely!! Thanks!!!

[@donutbedum9837]

wow. just wow. that was the most detailed explanation of anything i've ever heard of. wow thanks

[@alexblue8524]

this guy have good vibe, best teacher

[@JOHN611]

OMG you are so good at explaining!

[@guesminesrine7442]

you have an amazing way for explanation , you are so funny , suddenly i love Javascript , i was looking for a video to understand and i've got you , Now im your student :D

[@mahtabali4629]

this is the most fun and useful video i have ever watched

[@samirghassane5654]

very simple and good explanation thanks dude

[@keesdejong5712]

this guy explain things like he is the long kid from the crazy frog video.

[@Kim-xz7oz]

i like the way you teach its not boring

[@christianwondeson8480]

your energy is amazing

[@makagyngrimm3392]

Is there any thing where the code will pause until something else is clicked by user?

[@makagyngrimm3392]

@Marco Estors Lol

[@carmencastro5512]

este tipo me encanta, hace muy agradable el aprendizaje de algo que me parece difícil...

[@Elena-ht9ds]

you saved my exam

[@terracoon9882]

omg you have an exam in code! I want that to! better than netherlands...

[@polditeref5162]

I think Him and Dev Ed looks good for coloboration.

[@_Psycho_logic]

Bro I like your ENERGY ❤

[@jboyle453519]

finally a real explanation thank you thank you thank you

[@computewitharjun]

02:03 the prefix comes from the Latin mille, meaning "one thousand" (the Latin plural is milia).

[@shpetimgashi7531]

In french it is Mille to say one thousand 👍👍

[@tangflx]

Daniel i watched all your vid not to lesrn but to see how funny you are. Lol. I love rainbows now

Thank you very much. You really helped me to understand this topic.

[@tonifranke3868]

fav KZbinr now👍

[@doniarabii5520]

I love the way you explain things and simplify them

[@thealpha2503]

One million rainbows done and another million on the way.

[@aliaslani4529]

The best best best best teacher❤❤❤❤❤❤❤

[@parijatsaha3977]

Awesome way of teaching :)

[@FieelFlying]

Awesomely explained thank you!

[@bajtucha]

Nice video but I believe that it is a little bit oversimplified. You have no guarantee that callback function will run at the time you've set. You may be certain that it won't run before it but due to the mechanism behind it (task queue->event loop->stack) you should not rely on it.

[@nikkonikko371]

Watching this when you're almost 1 million subs! So close!

[@jadaneberly3852]

super awesome tutorial, you are a great teacher !!

[@terracoon9882]

I really love your videos best teacher ever but can you set setTimeout to 0? to execute fast?

[@leah.4783]

I want to code a jump and run and Iˋm new to coding. The ball goes up if the spacebar is pressed and I want it to come down after some time. SetTimeout doesnˋt work. What else can I do??

[@thebrain678]

I was kinda stuck on how the code kept running every second but then it hit me. It's cause rainbow function keeps calling itself in a infinite loop. You made your own setinterval function. You could of got the same result with setinterval(rainbow, 1000) in setup.

[@abcdef-bz7ew]

Thanks for clearing my doubts. I was confused on that part as well

[@Dat2Phit]

If you want to setTimeout to draw function do this: noLoop(); setTimeout(loop,1000);

[@villurignanesh8458]

I wanted to somehow pause the set timeout can I do it? I need help

[@vennilav1890]

Hi Daniel, I'm wondering why isn't setTimeout() working for draw function? Or are there other ways to stop draw() function for a couple of seconds?

[@TheCodingTrain]

Take a look at noLoop() and loop().

[@shaunbegley92]

Hey Daniel! That's a handy looking keyboard shortcut where you commented out a chunk of highlighted code. What is it? EDIT: Nevermind, I worked it out. Ctrl + / for anyone else wondering.

[@TheCodingTrain]

Glad you found it!

[@sadhlife]

The Coding Train, Do Atom or Brackets have a shrotcut for auto format?

[@tanishq2766]

@@sadhlife ctrl shift I

[@sadhlife]

@@tanishq2766 it's been 3 years, I don't use those editors anymore, but thanks

[@nelohenriq]

How can i run a p5.js script for a certain number of seconds and then save the canvas and restart the script? run the script for 60 secs, save the canvas and restart script, so it's a loop or a while, while time is not 60 secs the script runs, then saves the canvas an restarts again for other 60 secs

[@aloksingh4110]

I have a doubt, while using on a personal project, I noticed setTimeout(function, time) works but setTimeout(function(), time) does not. How can we pass a function in setTimeout with some value in it's parameters. i.e. how to make setTimeout(line(x1,x2,y1,y2),1000); work?

[@ShaDoWChornos]

is there a version of that screen where he can have live test of his coding ? for windows

[@EMonzon]

what about passing functions with arguments into a setimeout() or setInterval()? will it work out?

[@ehsanag5837]

The third argument can be used to pass a variable to the function

[@sgamer1770]

Where did the createP function come from?

[@donfeto7636]

I wish all i wish is just You could teach us those thing but with out p5.js cuz i don't use it and i don't relate most of things which draw etc Btw You are Awesome Professional.

[@emilbedreddinli1843]

What if I write draw() function as a parameter of setTimeout() ?

[@bryanDevsJS]

great video! thanks

[@i.i]

hi dan I think you have no video about bind() in javascript please make one

[@sunnypatel4273]

i need help!!!! how to auto close a popup windows set time:30 after close ?????

[@jameschannel01182]

what if I wanted it in hours instead of milliseconds?

[@moedeus111]

can someone tell me if its ok to use setimeout into the function ? cos its open a function into the function and again and again i think he is using to much recursion

[@salihkurtov526]

Thanks!

[@Karthik-pj6fg]

can u tell me how to do array for a image,which is image collision on map for gaming purpose,i asked so many youtubers on this topic but they didnt gave correct response,hope u will answer

[@kiranreddy7272]

Thank u but iwant to timer stop in specific web site count down time for submit button

[@EMonzon]

rainbows to all! haha!

[@richochet]

Can someone explain why does it loop over and over?

[@yytke]

I use the p5.js CDN in html And follow your code,but my chrome console told me that createP is not defined.... Should I import something instad of CDN? Thank you in advance

[@TheCodingTrain]

Do you have p5.dom.js?

[@yytke]

The Coding Train Thank you,sir. When I install p5.dom.js ,everything is OK. Thank you,you are my hero

[@BrettClimb]

This is really useful. Is there an equivalent function in Processing/Java? If so, do you have a video that uses it?

[@TheCodingTrain]

Not really, but you can achieve the same results with threads and method reflection. It's infinitely more painful!

[@BrettClimb]

That's too bad, I guess Java isn't really designed for that. I've seen some people suggest using the Timer class, which is probably what you're referring too, so I think I'll try that.

[@odetomy]

I need help. I am completely new to coding and I'm getting frustrated. No offense to the teacher, because I must be missing something here. This did not work for me. All I want is a code that will execute different words at different intervals of time. I need this for a project I'm working on. For instance: at 10 seconds the word "Hi" pops up on the screen, then at 5 seconds the word "good" pops up, then at 3 seconds the word "baby" pops up, etc. I'm just using those words as random examples. I have looked all over the internet and none of the codes I find are giving me what I want!! I don't want to have to push a dang START BUTTON for the timed words to start running on a page. Nor do I want ALERTS! I just want different words to pop up. I don't want a pretty box or fields or any of that. JUST WORDS on a timed release bases. But apparently nobody wants to teach that! I've even tried repeating codes such as this example and it just doesn't work: function sayHi() { document.write("Hi") } setTimeout(sayHi, 1000); function sayHi2() { document.write("wad up") } setTimeout(sayHi2, 5000); function sayHi3() { document.write("watever") } setTimeout(sayHi3, 8000); However, I would like to add that the closest thing I have been able to create that works, so far, even though it has something like a START button is this: Things That Are Soft: Display Timed Words function timedWords() { var x = document.getElementById("txt"); setTimeout(function(){ x.value="Babies" }, 2000); setTimeout(function(){ x.value="Bunnies" }, 4000); setTimeout(function(){ x.value="Carpet" }, 6000); setTimeout(function(){ x.value="Pillows" }, 8000); }

[@NoGoodHandlesComingToMind]

Hi odetomy, Did you ever get an answer to your question? I'm kinda curious on the issue you've presented.

[@maduagwuchinomso2340]

would have also love to know, how do i make a Html function to run for 10 seconds and leave the screen

[@atyourservice5728]

Html function????😪😳😱😱😱😱😵😵😵

[@claudioferreira4099]

Hello Daniel, what type of programe did you use for editing the code? And its available for Windows? Thanks

[@theentirepopulationofsyria]

Sorry if it's too late but here's the link to the downloads section on the p5js website: p5js.org/download/ You need to download the editor to write and run the code. Yes, it's available for Windows.

[@renzoportaleone8432]

It works for me but if I exceed 10000ms it doesn't work. Because? I use licecycle maybe it has a time limit

[@keshfreestyl8716]

You are like my second dad

[@harshikerfuffle]

I am unable to setTimeout to the draw function somehow

[@willfahren-wasserski3459]

Great video, thx.

[@sadhlife]

Correction: There's more to this. than that.

[@geeknrd962]

i wanna make a jumping game, but it jumps so fast, you cant see it.

[@signaldog7805]

How do I do a sleep inside a function

[@signaldog7805]

Oh

[@alisaadati8006]

tahnks for video

[@eladrio2311]

Oh man are you Italian?? My german brain can cope with da massive hand gestures! hahaha

[@mshclips8981]

thank you

[@adwaiths5438]

Thanks for the rainbow :)

[@deltaschool4302]

i fucking love you videos so much dude !

[@butterbot333]

Hey im newbie and im trying to make a for loop that won't continue till after the setTimeout has finished but Everytime i try it crashes. Help!! I do something like For(var i=0: i

[@tod3608]

I think stuff() is undefined

[@RamkrishanYT]

Remember Stampy

[@FullKnight51]

Quickest 9:19 of my life.

[@howaboutyu]

thanks man

[@tufu235]

I want time killing bookmark... Or .... Gracemonley script. The web site SSMMS.. ..

[@cap-advaith]

I love u 3000

[@ahmedzwawi6608]

good rainbow !

[@Eviatarm]

so basically it's like Invoke()... in unity3d C#

[@sadhlife]

It is!

[@asmartbajan]

4:08 It's still good practice to name the function, for debugging purposes.

[@szaybhattacharya1022]

❤❤God ❤❤

[@ritikkhatri]

4:33 still watching!

[@TheCodingTrain]

thank you!

[@swily123]

Я один здесь русский?

[@hodabi]

I've had problems with this, so maybe I'm helping somebody, if you are trying to use this. inside setTimeout, you have to store a reference: var me = this; Then you can call setTimeout(function(){(me).something;},1000);

[@pju999]

Thanks! Learning 'this' without using an arrow function and it helped me!

[@justmeep8540]

4:52 A bee is annoying you.

[@nanzhaohz]

Nice Sweater！

[@TheCodingTrain]

well, thank you!

[@ruchikabn5995]

Hello Daniel!! You make great stuff !!! While I was trying one of the p5.js examples, that's the song one (p5js.org/examples/hello-p5-song.html) I tried to use it on my website. But the sound plays where ever I click. How could I sort it out? see what I tried www.nanduri.tk

[@adminmabini448]

CAN U PLS. STOP LAUGHING.. its annoying and u looks like ur not serious. 😐

[@DrisrarFan01]

why are you laughing what's funny?