cambiare sfondo alle celle della tabella

bios37

Nuovo Utente
25 Gen 2015
12
0
0
Buon giorno, ho creato una tabella e vorrei creare una funzione che sia in grado di cambiare colore in modo casuale ad ogni cella della tabella ogni tot di secondi é possibile?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, per semplificare un po il lavoro potresti creare un array di colori.
recuperi tutti i td della tabella e con un ciclo for in un setInteval gli assegni random il colore
HTML:
<table id="mytable">
    <tr>
        <td>A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>
    </tr>
</table>
<script>
    var colors = ["green","blue","red","yellow","orange"];
    var tab = document.getElementById("mytable");
    var td = tab.getElementsByTagName("td");
   
    setInterval(function(){
        for(var i =0; i < td.length; i++) {
            td[i].style.backgroundColor = colors[Math.floor((Math.random()*td.length -1))];
        }
    },1000)
</script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
blacksbugs Cambiare sfondo alle voci dei menù [CSS] HTML e CSS 3
Y cambiare sfondo di una pagina Javascript 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
O Allo scroll cambiare colore di sfondo jQuery 0
V javascript - cambiare immagine di sfondo di un div Javascript 3
Jonn [Javascript] Cambiare colore sfondo div allo scroll del mouse Javascript 3
L Cambiare sfondo nero di un video HTML e CSS 1
L Dreamweaver : cambiare sfondo a molte pagine insieme HTML e CSS 1
Web Designer Come cambiare lo sfondo su vBulletin CMS (Content Management System) 0
S Mi aiutate a cambiare il colore di sfondo dei post ? HTML e CSS 2
H cambiare sfondo galleria simpleviewer HTML e CSS 2
W css-come cambiare lo sfondo del sito HTML e CSS 4
Eugene Cambiare colore sfondo DIV HTML e CSS 2
S Cambiare sfondo a collegamento HTML e CSS 6
A cambiare il colore sfondo a tutto il sito HTML e CSS 6
jan267 E cambiare sfondo ad una tabella? Javascript 3
F Url dinamiche da cambiare con categoria, subcategoria e title PHP 2
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Cambiare pennello a lavoro completo Photoshop 0
R Cambiare il nome dell'immagine dopo caricamento ftp HTML e CSS 0
E Cambiare lingua in Elements per Mac Mac e Software 2
K Cambiare font size su echo stringa variabile PHP 24
V [PHP Symphony] Cambiare da ApcCache ad OpCache PHP 4
P Cambiare visualizzazione con JS Javascript 1
Web93 CAMBIARE TAG POST TITOLO DA H2 A H1 WordPress 1
L [PHP] cambiare gli if in un url semplice PHP 1
G Cambiare colore ad un record database mysql MySQL 0
Domenico_Falco1 Cambiare url in un sito con pagine dinamiche Ajax 4
L Cambiare classi solo scroll up jQuery 2
Topografo Buon 2019 (Tutti gli altri hanno scritto "Salve a tutti", cerchiamo di cambiare) Presentati al Forum 1
joomeph Cambiare Nome Utente Supporto Mr.Webmaster 3
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
Licantropo [MySQL] Cambiare le date MySQL 4
B [Javascript] Cambiare classe ed aggiornare relativi eventi Javascript 3
L Cambiare nome pagina facebook Annunci servizi di Social Media Marketing 4
P [HTML] Wordpress - cambiare font di un tema WordPress 1
L APPARECCHIO VOIP DA CAMBIARE Adsl e Connettività 0
T cambiare formato in uscita timestamp Database 0
crealatualista [Javascript] Cambiare record tabella... Javascript 4
napuleone [Javascript] cambiare i parametri di stampa con js Javascript 2
DaveCricket [WordPress] [PHP] Cambiare il colore del link di una pagina attiva WordPress 3
D [Javascript] Script che consenta di cambiare un'immagine in base all'ora del giorno della settimana Javascript 11
B CAMBIARE PAGINA INIZIALE PHPMYADMIN MySQL 2
webmachine [WORDPRESS] Cambiare titolo pagina articoli WordPress 0
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
webmachine [PRESTASHOP] Cambiare ordine prezzo-sconto-prezzoscontato E-Commerce 1
B CAMBIARE TEMPLATES PHPMYADMIN MySQL 0
otto9due Dreamweaver CC 2017 - cambiare colorazione codice Windows e Software 5
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1

Discussioni simili