Jump to content
Sign in to follow this  
Gosia

Jak ustawić opóźnienie działania funkcji w Javascript

Recommended Posts

Cześć Wszystkim! mam taki kod html:

<html>
 <body>
  <button onclick="tlo()"> ZMIEŃ TŁO  </button>
 <br />
<div style=" width: 100px; height: 100px;  border: 2px solid black;"
      id="kwadrat">
  </div>
   <script>
     function tlo()  {document.getElementById("kwadrat").style.backgroundColor='red'; }
    </script>
  </body>
</html>

I teraz mam problem, chciała bym żeby po na ciśnięciu przycisku 'zmień tło' przeglądarka odczekiwała 5 sekund i i dopiero wtedy zmieniała tło na czerwone. chciałam użyć funkcji: setTimeout(tlo, 5000); ale nic to nie dało, Macie jakieś pomysły jak to zrobić?

Share this post


Link to post
Share on other sites

W jaki sposób chciałaś użyć funkcję setTimeout ?

<button onclick="setTimeout(tlo ,5000);"> ZMIEŃ TŁO </button>

W takiej formie działa, więc chciałaś użyć dobrej funkcji, tylko zabrakło poprawnego użycia :)

Share this post


Link to post
Share on other sites

Możesz też zrobić to tak:

function tlo() {
    setTimeout(function() {
         document.getElementById("kwadrat").style.backgroundColor='red';
    }, 5000);
};

i wywołać tak jak w odpowiedzi powyżej :)

Share this post


Link to post
Share on other sites

Serdeczne dzięki, teraz działa. Dawałam settime.... jako cześć funkcji tlo() teraz wiem gdzie popełniałam błąd:)

Dziękuje za obydwie odpowiedzi.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...