Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Losowanie kolorow - stop i start
patrick-zg
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 14.05.2011

Ostrzeżenie: (0%)
-----


witam!
mam zrobione losowanie kolorow jesli najedzie sie myszka na okienko i dziala ok, ale jak zrobic, ze wcisne przycisk START i to mi sie losuje caly czas dopoki nie klikne obok drugiego przycisku STOP, ewentualnie bylby to jeden START/STOP w zaleznosci od tego co sie teraz wykonuje. Chodzi mi o to jak takie przyciski chyba w html zrobic i jakie warunki dac do JS?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Ahh...
[JAVASCRIPT] pobierz, plaintext
  1. <input type="button" value="start" onclick="start();">
  2. <input type="button" value="stop" onclick="stop();"><br>
  3.  
  4. <div id="test"></div>
  5.  
  6. <script>
  7. var el = document.getElementById('test');
  8. var int;
  9.  
  10. function start(){
  11. int = setInterval( function(x,y){
  12. x = '#';
  13. y = parseInt(Math.random()*255); if( y<16 ) x += '0'+y.toString(16); else x += y.toString(16);//R
  14. y = parseInt(Math.random()*255); if( y<16 ) x += '0'+y.toString(16); else x += y.toString(16);//G
  15. y = parseInt(Math.random()*255); if( y<16 ) x += '0'+y.toString(16); else x += y.toString(16);//B
  16.  
  17. el.style.backgroundColor = x;
  18. el.innerHTML = "<span style='color: #000;'>"+x+"</span><br><span style='color: #fff;'>"+x+"</span>"
  19. }, 1000);
  20. };
  21.  
  22. function stop(){
  23. clearInterval(int);
  24. }
  25. </script>
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.04.2026 - 12:38