Counter im Forum einbinden??

[Chris1002]

Hallo zusammen,

ich habe mal eine Frage, ich suche einen Counter der in Tage Stunden Minuten und Secunden rückwertszählt.
Da ich schon viele gefunden habe und auch ausprobiert habe, habe ich nun folgendes Problem:

Ich habe mir folgenden BB Code eingefühgt:
BB Code Benutzung:

Code: Alles auswählen

[countdown]{NUMBER1}.{TEXT1} {NUMBER2} {NUMBER3}:{NUMBER4}:{NUMBER5}[/countdown]

HTML Ersetzung:

Code: Alles auswählen

<script>

function toSt(n)
{
    s=''
    if(n<10) s+='0'
    return s+n.toString();
}

var eventdate = new Date("{TEXT1} {NUMBER1}, {NUMBER2} {NUMBER3}:{NUMBER4}:{NUMBER5} UTC+1");

d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
secs_count = toSt(count%60);
    
count=Math.floor(count/60);
mins_count = toSt(count%60);

count=Math.floor(count/60);
hours_count = toSt(count%24);

count=Math.floor(count/24);
days_count = count;
        
        
document.write(days_count);
document.write(' Tage und ');
document.write(hours_count);
document.write(':');
document.write(mins_count);
document.write(':');
document.write(secs_count);
document.write(' Stunden');
</script>

Besteht eine möglichkeit, dass der Counter rückwärts zählt, ohne das man den Bowser aktualiesen muss? Also sprich wie eine Animation oder so.
Der Counter sollte rückwärts zählen und nicht stehen.
Ich hoffe das ich mich verständlich ausgedrückt habe, so das ihr versteht was ich meine.

Für eure Hilfe bedanke ich mich im Voraus.

Gruß Christian

[Chalong]

Sowas vielleicht ?

[Chris1002]

ja genau sowas, geht bei mir leider nicht.

Ich habe die swf Datei ins Root Verzeichnis reinkopiert, einen neuen BB Code hinzugefügt
laut dieser seite So was
und ich habe nur einen weißen leeren Balken.
Hast du da auch noch ne Antwort für mich Chalong ??

Aber Danke mal ist echt gut genau sowas wollte ich.


Gruß Christian

[tarner]

Hallo Christian

Manche scripts funktionieren bei manchen Browsern oder Betriebssystemen nicht oder anders.
Hast du das schon überprüft? Und hast du geprüft, ob das folgende unten wirklich stimmt? Hier ein
Fragment aus deinem Code:

Code: Alles auswählen

{TEXT1} {NUMBER1}, {NUMBER2} {NUMBER3}:{NUMBER4}:{NUMBER5}

In Javascript kenne ich mich bedingt aus. Aber von der Logik her schaut's komisch aus.
Sorry, sofern du dir sicher bist, dass der Code so stimmt

[Chris1002]

Guten Morgen zusammen,

gibt es nicht eine möglichkeit, den in meinem ersten genannten Beitrags diesen Counter zu animieren?
Den finde ich persönlich einfach klasse. Nur das Problem ist, das ich mich überhaupt nicht mit dem Java kram
auskenne.
Ich habe einen Counter mit Java Script gefunden, nun ist das problem da wie ich es ins Forum einbinden kann.
Ich hätte ihn am liebsten per BB Code.

Hat da jemand eine Ahnung??

Hier mal der Code:

Code: Alles auswählen

<script language="javascript">
/* *********** USAGE *********
	### Author.......: Andreas Burger
	### email........: sirsiggi@bin-ich-jesus.de
	### Last Change..: 06.03.2004
	
	#################################
	### Free to use for everyone! ###
	#################################

	To use the Script, you only have to set the date you are looking forward to
	in the variable "todate" (second Line after this Comment).
	
	Possible prints are:
Weeks, Days, Hours, Minutes, Seconds

	The placeholder for each print has to be an HTML object like: <span>,<div>,<p> etc...
	with the id="weeks" bzw. "days" bzw. "hours" bzw. "minutes" bzw. "seconds".
	
	Also you can set the descriptions for each print by Setting the *text vars in the 
	lines after the date. 
	
	Have fun!
	 
*/

var actualdate = new Date();
var todate = new Date(2004,08,01,12,12,12); 

var weektext = " Wochen, ";
var daytext = " Tage, ";
var hourtext = " Stunden, ";
var minutetext = " Minuten, ";
var secondtext = " Sekunden.";

var seconds, minutes, hours, days, weeks;
var sh_seconds, sh_minutes, sh_hours, sh_days, sh_weeks;
var remain;

function Countdown() {

	actualdate = new Date();
	difference = todate - actualdate; 
	seconds = difference / 1000;
	
	sh_weeks = Math.floor(seconds / 60 / 60 / 24 / 7);
	remain = seconds - (sh_weeks * 7 * 24 * 60 * 60);
	sh_days = Math.floor(remain / 60 / 60 / 24);
	remain = remain - (sh_days * 24 * 60 * 60);
	sh_hours = Math.floor(remain / 60 / 60);
	remain = remain - (sh_hours * 60 * 60);
	sh_minutes = Math.floor(remain / 60);
	remain = remain - (sh_minutes * 60);
	sh_seconds = Math.floor(remain);
	
	if (document.getElementById('weeks')) { document.getElementById('weeks').innerHTML = sh_weeks + weektext; }
	if (document.getElementById('days')) { document.getElementById('days').innerHTML = sh_days + daytext; }
	if (document.getElementById('hours')) { document.getElementById('hours').innerHTML = sh_hours + hourtext; }
	if (document.getElementById('minutes')) { document.getElementById('minutes').innerHTML = sh_minutes + minutetext; }
	if (document.getElementById('seconds')) { document.getElementById('seconds').innerHTML = sh_seconds + secondtext; }
}

function init() {

	setInterval("Countdown()",1000);
	Countdown();
}

init();
	
</script>



<span id="weeks"></span>
<span id="days"></span>
<span id="hours"></span>
<span id="minutes"></span>
<span id="seconds"></span>

Danke mal im Voraus

und Gruß

Christian

[redbull254]

Hallo erstmal,

@Chris1002

packe den Code in die xxx.html Datei, wo er angezeigt werden soll. Ich habe ihn einmal in die index_body.html eingebaut. Er funktioniert, wobei ich seine Konfigurations-Möglichkeiten nicht wirklich toll finde. (muss ich ja auch nicht).

Zentriert ausrichten könntest Du ihn dann noch, wenn Du den ganzen Code in einen DIV-Container packst.

Code: Alles auswählen

<div style="text-align: center;">
>>>>>>>>>Der Code<<<<<<<
</div>