Linux за българи: Форуми

Програмиране => Web development => Темата е започната от: edmon в Dec 26, 2012, 09:24



Титла: избразяване на случайни числа
Публикувано от: edmon в Dec 26, 2012, 09:24
Някой може ли да ми подскаже как мога да изобразявам случайни числа в браузъра без да презареждам страницата. Някакъв javawscript?
Искам да си направя нещо като томбола и когато се сменят числата да прекъсна процеса по някое време примерно с интервал и така да получа едно число .
Знам как се извеждат случайни числа до тук съм направил това:

Цитат
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<script type="text/JavaScript">

var count_clients = "12";
var randomnumber_id=Math.floor(Math.random()*count_clients)
randomnumbers= new Array(6,7,12,13,16,19,20,21,22,24,27,28);
var randomnumber=randomnumbers[randomnumber_id];
   document.write('<div align=center style="font:220px arial,sans-serif;">'+randomnumber+'</div>');
</script>

с този код ми показва по едно число и спира, а аз искам да се извеждат "инлайн"(да се "джуркат" :))). А след натискане на клавиш да спра смяната на числа и да остане едно.

пс. егаси не мога да опиша ясно какво искам да стане!:((


Титла: Re: избразяване на случайни числа
Публикувано от: neter в Dec 26, 2012, 16:22
Понеже ме боли да пиша на чист javascript, ще ти дам пример с jQuery :) Та... нещо такова ти трябва
Код
GeSHi (Javascript):
  1. <html>
  2. <head>
  3. <script src="jquery.js"></script>
  4. </head>
  5. <body>
  6. <script>
  7. $(document).ready(function(){
  8.    var count_clients = "12";
  9.    randomnumbers= new Array(6,7,12,13,16,19,20,21,22,24,27,28);
  10.  
  11.    randomnumber = setInterval(function(){
  12.        var randomnumber_id=Math.floor(Math.random()*count_clients)
  13.        var randomnumber=randomnumbers[randomnumber_id];
  14.        $('body').html('<div align=center style="font:220px arial,sans-serif;">'+randomnumber+'</div>');
  15.    }, 50);
  16.  
  17.    $(document).keypress(function(event) {
  18.        if (event.which == 32) {
  19.            clearInterval(randomnumber);
  20.        }
  21.    });
  22. });
  23. </script>
  24. </body>
  25. </html>
Онова "50" там са милисекундите, през които да се взема ново число. Можеш да го сложиш и на "1", но на мен ми се вижда твърде бързо и не се вижда какво все пак се джурка. Не го слагай твърде голямо, за да се запази все пак елементът на случайността (при твърде голям интервал ще можеш да си избираш число, върху което да спреш).
Онова "32" по-надолу пък е клавишът "интервал". Може да го смениш с някой друг (например, "13" е Enter), ако искаш, или направо да махнеш този "if", за да може всеки клавиш да действа като спирачка.


Титла: Re: избразяване на случайни числа
Публикувано от: edmon в Dec 26, 2012, 18:38
Много добре ти се е получило :) хехехе

Точно такова нещо трябваше да стане! :)


Много благодаря!!!