Benötige Countdown für Website, welcher nicht nach Datum geht.

Moin Moin!

Ich habe mir ein kleines Quiz auf HTML/PHP-Basis erstellt und möchte nun, dass unter dem Quiz noch ein Countdown abläuft. Das Problem bei diesem Countdown ist, dass ich nicht über ein Datum angebe, wann der Countdown beendet sein soll, sondern nur Minuten und Sekunden.
Hat vllt jemand was parat oder kann mir einer den folgenden Code anpassen?

<object type="application/x-shockwave-flash" height="200" width="400" data="http://www.usflashmap.com/component/cdt_new/cdt2_4.swf" id="counter">  
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_4.swf" />  
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />  
<param name="flashvars" value="  
      &timer=4&
      &time_template=1:ss;0:mm&
      &time_color=0x000000&
      &label_color=0x000000&
      &background_color=0xffffff&
      &flare_view=false&
      &time_label=d:DAY;h:HOUR;m:MIN;s:Sekunden&
      &time_zone=Local time&
      &event_time=year:0;month:0;day:0;hour:0;minute:<?php echo $min_final;?>;seconds:<?php echo $sek2_final;?>&
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
      &event_recursion=no&
      &event_bg_image=-&
      &bg_image=-&
      &onpress_url=-&
      &event_onpress_url=-&
      &title=Die Zeit läuft!&
      &event_title=Zeit vorrüber!&
      &sound_file=-&
      &event_sound_file=-&
      &transparent=true&
" />  
<param name="quality" value="high" />  
<param name="wmode" value="transparent" />  
<param name="scale" value="noscale" />  
<param name="salign" value="lt" />  
</object>

Please also mark the comments that contributed to the solution of the article

Content-Key: 140229

Url: https://administrator.de/contentid/140229

Printed on: April 24, 2024 at 18:04 o'clock

4 Comments

Latest comment

<BODY>
<script language="javascript">  
<!--
	var Counter = 121;

function zaehler()
{
if (Counter > 0) {
Counter --;
document.getElementById('counter').innerHTML = Counter ;  
setTimeout("zaehler()",1000);  
} else {
window.location.reload();
}
}
window.onload = zaehler;
//-->
</script>

<script> document.write("<DIV id=\"counter\" style=\"position:absolute;top:7px;right:7px;\"></DIV>");</script>  
</BODY>

probier mal ...

      &event_time=year:0;month:0;day:0;hour:0;minute:<?php echo $min_final;?>;seconds:<?php echo $sek2_final;?>& 
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0& 

Wenn du per php die Dauer übergibst, dann berechne doch einfach das "Zieldatum". Von jetzt an 8 Sekunden, kein Problem!
was ist event_duration?

Wenn die Uhr des Besuchers mehr als 8 Sekunden nachgeht, dann hat er eben keine Zeit. Oder du nutzt den Serverwert, um dann mit Javascript die Differenz zwischen Client und Server zu schätzen, so dass der Benutzer "in etwa"! 8 Sekunden Zeit hat.

Zitat von @Midivirus:

probier mal ...

Nach 121 Sekunden wird die Seite neu geladen und zählt erneut. Keine Zeit für "des Rätsels Lösung"

warum schreibst du das DIV (Zeile 20) mit Javascript in die Seite?

Lg
Matze

Grund: hab das auch nur kopiert und hab das aus meinem PHP-Skript kopiert, wo die Seite entsprechend neugeladen werden sollte. Der Urpsrung der Code-Zeilen war aus einer Sammlung und hab das einfach so übernommen. Der CopyPaste-Fehler schlich sich ein und hab später keine Gedanken mehr drüber gemacht.

Kurz: es hat keinen Sinn!

Natürlich kann man statt reload() eine andere Funktion benutzen.

top.location = "http://web.de";

oder in PHP direkt:

$weiterleitung = "Location:http://google.de";  
Header($weiterleitung);

also duration ist die dauer des events. ist eigentlich nicht relevant.
dann muss die zeit aber schon genau angegeben werden, dass habe ich soweit auch mit einem ähnlichen code, wie der von dir midivirus, geschafft.
wenn meine lösung komplett ist, poste ich sie mal. ;)

German Question JavaScript Development

Hotly discussed

Check of ZFW Firewallgleixnerd - 5 Comments

Wireguard VPN on UDM Pro behind Fritzbox - Handshake did not completejstricker - 3 Comments