Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Losowanie kolorow - stop i start
patrick-zg
post 14.05.2011, 15:44:57
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
kamil4u
post 14.05.2011, 17:03:23
Post #2





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

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


Przypisz odpowiednie zdarzenie(onclick) dla przycisku(<input type="button">), które będzie uruchamiać generator kolorów. To samo z drugim przyciskiem.

Opisz dokładniej problem. Podaj niezbędny kod, bez którego nie można Ci pomóc (chyba, że satysfakcjonuje Cię powyższa odpowiedź)


--------------------
Go to the top of the page
+Quote Post
patrick-zg
post 14.05.2011, 20:30:37
Post #3





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

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


w skrocie chodzi mi o cos takiego:

  1. $(document).ready(function(){
  2. for(i=0; i< 100; i++) {
  3. document.write(i);
  4. }
  5. });
  6.  
  7. <input type="button" id="start">
  8. <input type="button" id="stop">

jak to przerobic, zeby po kliknieciu start skrypt sie wykonywal, a po kliknieciu stop zatrzymal


pozdrawiam

Ten post edytował patrick-zg 14.05.2011, 20:31:17
Go to the top of the page
+Quote Post
kamil4u
post 14.05.2011, 20:42:14
Post #4





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

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


Należy to zrobić mniej-więcej w taki sposób:
Kod
<input type="button" value="start" onclick="start();">
<input type="button" value="stop" onclick="stop();"><br>
<input type="text" id="test">
<script>
var flag = false, j = 0;

function start(){
flag = false;
for(i=j;i<=100;i++){
  if(flag == true){ j = i; break;}
  document.getElementById('test').value += i;
}
}

function stop(){ flag = true; }
</script>


Oczywiście na tym przykładzie nic nie zobaczysz, gdyż wszystko Ci mignie. Jednakże kod ten oddaje ogólną ideą!


--------------------
Go to the top of the page
+Quote Post
patrick-zg
post 14.05.2011, 21:18:49
Post #5





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

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


dzieki, ale nie wychodzi mi to dalej.

chcialem takie cos, ze losuje mi 6 cyfr albo liter do ktorych na poczatku dodaje # i wychodzi mi jakis kolor. ale tak tego nie zrobie. po prostu chcialbym widziec w
<input type="text" id="test">
po kliknieciu w START jak sie one zmieniaja, a jak klikne STOP to mi sie zatrzyma i bede mogl skopiowac ten na ktorym sie zatrzymalo
Go to the top of the page
+Quote Post
kamil4u
post 14.05.2011, 21:33:26
Post #6





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
patrick-zg
post 14.05.2011, 21:44:30
Post #7





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

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


wielkie dzieki smile.gif dziala idealnie, a teraz musze zakapowac jak to dziala smile.gif jak mi sie nie uda to jeszcze napisze
jeszcze raz wielkie dzieki za pomoc
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 29.04.2025 - 07:17