cambiare colore DIV in base a diverse fasce orarie? (ore e minuti)

[xabila]

ciao xabila, grazie per la risposta. confermo che il tuo codice funziona perfettamente. grazie per la disponibilità..

ultima cosa, volevo fare un controllo in diverse fascie orarie.

per esempio, ho un gruppo di attività ragruppate in una checklist. ogni attività ha una scadenza per esempio:

l'ora va dentro un div, il testo in un'altro

- 07.00 - 07.30 controllo 1
- 08.00 - 09.30 controllo 2
- 08.30 - 09.00 controllo 3
- 09.00 - 10.30 controllo 4

com'è posso fare ad aggiornare il colore del div una volta che ha superato l'ora di scadenza??

- per esempio il primo controllo 07.00 - 07.30

dalle 07.00 alle 07.30 il div deve essere giallo, se è stata eseguita l'attivita deve diventare verde e se ha superato l'ora di termine attivita e non è stata eseguita deve diventa rosso....

ho visto che c'è una funzione in javascript setinterval che permette di "refreshare" perche ho bisogno che venga refreshato anche se la pagina è aperta e non solo alla apertura della pagina..., ma non so se posso usarla con i div...

diciamo che i colori sono fissi per tutte le fascie, mentre solo l'ora è variabile...

qualche consiglio/suggeriemento da dove iniziare??

grazie in anticipo.

saluti

Hey campione, è stato un piacere anche se so che sicuramente c'era un modo migliore di strutturare il codice proposto e mi spiace in questo senso non esserci riuscito pienamente, diciamo che sono ancora un novizio di Js

In ogni modo devo farti delle domande, davvero la mattina sono stupido e il cervello mi richiede notevoli sforzi per l'atto della comprensione, ma torniamo a noi:

"dalle 07.00 alle 07.30 il div deve essere giallo, se è stata eseguita l'attivita deve diventare verde e se ha superato l'ora di termine attivita e non è stata eseguita deve diventa rosso...."

Ma l'attività come risulterebbe? E' questo che mi sfugge sostanzialmente, cioè tu hai una checklist sul sito giusto? E se dopo mezzora io ho cliccato una spunta l'attività risulta eseguita ed ho un colore altrimenti ne ho un altro giusto? Ma il cambio di colore avviene in contemporanea dell'azione oppure scaduto il tempo?

In ogni modo pensiamo:

Per prima cosa direi che serve una funzione che determini che il risultato sia TRUE o FALSE o penso in questo caso sia meglio definirlo undefined.

Secondo punto una funzione che cambia il colore del div ogni tot tempo ma che aggiunge un richiamo alla prima function

In ultimo una funzione che ci ritorni il valore iniziale del div, questo perché setInterval non è propriamente un refresh ma bensì una lettura ciclica di un'espressione, per tanto può impostarlo che ogni tot tempo rilegga l'ultima funzione che ci ritornerà i valori iniziali del div (dovrebbe funzionare ma non metto la mano sul fuoco eh!?)
In breve lo definiamo con: setInterval(nomefunzione, msec [,param1 ...,paramN])

Al momento dico solo quello, poi quando avrò un poco di chiarezza in più sul tipo di attività legata all'evento allora magari potremmo vedere insieme anche come eventualmente scriverlo, ma come già detto non sono un asso e non assicuro, a presto campione e fammi sapere!

p.s ma ogni attività ha colori differenti? Inoltre ogni attività risulta come una singola voce della checklist o come più voci? Il div con il testo deve subire modifiche o è solo a livello di titolo e informazioni?