Countdown soll Farbe wechseln

  • Themenstarter Themenstarter blizz-faad
  • Beginndatum Beginndatum
B

blizz-faad

Hallo Leute,
habe hier einen Script der wunderbar funktioniert. Ich würde den nur gerne so abändern, dass der Countdown nach jeder Sekunde zwischen 2 Verschiedenen Farben wechselt.
Sprich: Orange (1. Sekunde), Rot (2. Sekunde), Orange (3. Sekunde), Rot (4. Sekunde), usw. Momentan ist er nur Orange.

Ausgabe
PHP:
<span id="c1"></span><span id="c2"></span>

JavaScript
PHP:
<script type='text/javascript'>
var end = new Date('<?php echo $var_string; ?>');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
document.getElementById('c1').innerHTML = days + ' Tag(e) ';
document.getElementById('c2').innerHTML = hours + ' Stunde(n) ' + minutes + ' Minute(n) und ' + seconds + ' Sekunde(n)';
setTimeout('countdown()', 100);
}
}
countdown();
</script>
 
Zuletzt bearbeitet von einem Moderator:
Hi,

vorstellbar wäre es, den ganzzahligen Rest beim Teilen der Sekunden durch 2 heranzuziehen. Entsprechend dessen Wert wird die gewünschte Komponente eines Arrays herangezogen, die die Farbe repräsentiert.

Code:
var arrCol = ['#ffbf00', '#f00'];
function countdown() {
  d = new Date();
  count = Math.floor(end.getTime() - d.getTime());
  if(count > 0) {
    miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
    var strCol = arrCol[count%2];
    seconds = toSt2(count%60); count = Math.floor(count/60);
    minutes = toSt2(count%60); count = Math.floor(count/60);
    hours = toSt2(count%24); count = Math.floor(count/24);
    days = count;
    document.getElementById('c1').style.background = strCol;
    document.getElementById('c1').innerHTML = days + ' Tag(e) ';
    document.getElementById('c2').innerHTML = hours + ' Stunde(n) ' + minutes + ' Minute(n) und ' + seconds + ' Sekunde(n)';
    hTimer = setTimeout('countdown()', 100);
  }
}

Ciao
Quaese
 
Guten Morgen Quaese :)
Vielen Dank, dass war genau das was ich gesucht hatte!

;-)
 

Neue Beiträge

Zurück