Cod JavaScript pentru afisare random a unui element dintr-o lista
Salutare tuturor. Astazi va voi arata un cod JS (JavaScript) care afiseaza un element la nimereala dintr-o lista deja definita de Dvs.
Pentru inceput, trebuie sa definim lista, asa ca vom folosi un cod asemanator cu acesta:
|
1 2 3 4 5 6 7 |
var valori_pentru_schimbare = [ 'Posibilitatea 1', 'Posibilitatea 2', 'Posibilitatea 3', 'Posibilitatea 4', 'Posibilitatea 5', ]; |
Putem adauga oricate valori dorim adaugand 'CONTINUT', chiar inainte de ];.
Acum, vom defini functia si toate cele necesare, exact ca aici:
|
1 2 3 4 |
function la_nimereala() { var random= Math.floor(Math.random()*valori_pentru_schimbare.length); document.getElementById('bx_la_nimereala_id').innerHTML=valori_pentru_schimbare[random]; } |
Aceasta functie are rolul de a alege un element la nimereala din lista de mai sus, apoi sa modifice continutul unui element cu un ID specific cu cel ales. Eu i-am dat nume elementului bx_la_nimereala_id folosind codul HTML
|
1 |
<div id="bx_la_nimereala_id"> </div> |
pe care trebuie sa il adaugam unde dorim sa apara continutul ales la nimereala.
Tot ce mai trebuie sa facem, este sa ii spunem site-ului sa incarce automat functia noastra odata ce este accesata pagina noastra web folosind urmatorul cod:
|
1 |
onload = function() { la_nimereala(); } |
Totusi, momentan continutul ales la nimereala se actualizeaza doar daca pagina este reincarcata. Pentru a face ca functia sa se reincarce la un anumit numar de secunde avem nevoie de o functie asemanatoare cu aceasta:
|
1 2 |
var schimba_la_x_secunde = 3; setInterval(function() { la_nimereala(); }, schimba_la_x_secunde*1000); |
Tot ceea ce trebuie sa mai faceti Dvs. este sa modificati la schimba_la_x_secunde cu valoarea de secunde dorita.
Asta a fost tot. Numai bine! Ne vedem data viitoare cu un nou articol 🙂
