1

Tengo acá un código con Jquery que reutilice de otro sitio mio, muestra textos ordenados (con un Fadeout, etc..), pero está vez quiero mostrar textos aleatoriamente pero no logro como hacerlo y en donde modificar.

var $m = jQuery.noConflict();
    // Use jQuery via $j(...)
    $m(document).ready(function() {
        //Did you know widget
        max = parseInt(5);
        cur = parseInt(2);
        var Facts = {};
        Facts[1] = "<span class='txt1'>¿Qué comeremos hoy?, mmmm...</span>";
        Facts[2] = "<span class='txt2'>¡Diversión al límite!, te cansarás rápido...</span>";
        Facts[3] = "<span class='txt3'>Uniendo piezas, acomodando furnis y arreglando wireds...</span>";
        Facts[4] = "<span class='txt4'>¡Shazam!, ¿ya la has visto?...</span>";
        setInterval(function() {
            if (cur + 1 <= 4) {
                cur = cur + 1;
            } else {
                cur = 1;
            }
            newText = Facts[cur];
            $m('#loader-text').fadeOut(function() {
                $m('#loader-text').html(newText);
                $m('#loader-text').fadeIn();
            });
        }, 5000);
    });
6
  • @JackNavaRow pregunto desde la ignorancia, pero la función Math no aplicaría sólo para números? Commented el 7 ago. 2019 a las 14:00
  • Math para los numero que son los indices Commented el 7 ago. 2019 a las 14:05
  • @PauloUrbanoRivera como dice x-rw la idea es que tenga un valor aleatorio de la longitud del array; una vez obtenido el valor puede acceder a esa posicion del array Commented el 7 ago. 2019 a las 14:20
  • @JackNavaRow, algunos textos se repiten, cosa que no quiero. La idea es que de textos aleatorios sin repetirse
    – Hysus
    Commented el 7 ago. 2019 a las 14:40
  • 1
    Posible duplicado de ¿Cómo puedo generar números aleatorios que no se repitan? Commented el 7 ago. 2019 a las 14:42

1 respuesta 1

1

puedes hacerlo asi:

    var $m = jQuery.noConflict();
        // Use jQuery via $j(...)
        $m(document).ready(function() {
            //Did you know widget
            max = parseInt(5);
            cur = parseInt(2);
            var Facts = [];
            Facts[0] = "<span class='txt1'>¿Qué comeremos hoy?, mmmm...</span>";
            Facts[1] = "<span class='txt2'>¡Diversión al límite!, te cansarás rápido...</span>";
            Facts[2] = "<span class='txt3'>Uniendo piezas, acomodando furnis y arreglando wireds...</span>";
            Facts[3] = "<span class='txt4'>¡Shazam!, ¿ya la has visto?...</span>";
            Facts = Facts.sort(function() {return Math.random() - 0.5});
            setInterval(function() {
            
                cur++; // incrementamos en 1
                if( cur == Facts.length) {
                    cur=0;
                }
                newText = Facts[cur];
                $m('#loader-text').fadeOut(function() {
                    $m('#loader-text').html(newText);
                    $m('#loader-text').fadeIn();
                });
            }, 5000);
        });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p id='loader-text'></p>

2
  • Se me repite algunos textos, cómo podría solucionarlo?
    – Hysus
    Commented el 7 ago. 2019 a las 14:28
  • @SrArepa el problema es que los indices deben comenzar en 0 y tu los inicializas en 1 ya hice la correccion saludos.
    – Bryro
    Commented el 7 ago. 2019 a las 14:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.