Odlicznik czasu ze zmianą stylu Opcje

[koxu1996]

Witam. Mam stronę na której mam odlicznik czasu. Chce żeby przy ostatnich 10 sekundach zmieniał styl lecz nie wiem jak. Oto jego kod:

[PHP] pobierz, plaintext 
<?php 
<div id='odlicz'></div>
<script type="text/javascript">
var aktualnyCzas = new Date();
//var dataWydarzenia = new Date(rok, miesiac, dzien, godzina, minuta, sekunda, milisekunda);
var dataWydarzenia = new Date(2012,08,13,12,15,32);
var x = dataWydarzenia.getTime() - aktualnyCzas.getTime();
function odlicz(x)
{
x--;
var d = Math.floor(x/86400);
var h = Math.floor(x/3600) - (d*24);
var m = Math.floor(x/60) - (h*60) - (d*24*60);
var s = x - (h*3600) - (m*60)- (d*24*60*60); 
document.getElementById('odlicz').innerHTML =  d + " dni " + h + " godzin " + m + " minut " + s + " sekund ";
setTimeout("odlicz(" + x + ")",1000)
}
window.onload = odlicz(x);
</script>
?>
[PHP] pobierz, plaintext 

Chodzi żeby przykładowo przy ostatnich 10 sekundach napis robił się czerwony i jego backgroundem był obrazek. Wie ktoś jak to zrobić?

[piotrex41]

Kod

if (warunek że sekund jest <= 10)
{
    document.getElementById('odlicz').addClass('last_ten');
}

I teraz w CSS robisz sobie klasę

Kod

.last_ten {
    color:#ff0000;
    background:(...);
    /* itp. */
}

Powinno działaś, ale pisałem z palca więc nie gwarantuję

[koxu1996]

Edit.

Nie działa. Ale zrobiłem inaczej.

Temat do zamknięcia.

Ten post edytował koxu1996 12.07.2012, 12:03:36