Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Losowanie kolorow - stop i start
Forum PHP.pl > Forum > Przedszkole
patrick-zg
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?
kamil4u
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ź)
patrick-zg
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
kamil4u
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ą!
patrick-zg
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
kamil4u
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
patrick-zg
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.