Lexi Help
Partner
www.forumieren.com

COUNTDOWN einfügen ?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

COUNTDOWN einfügen ?

Beitrag von fuxx1848 am So 9 Dez 2007 - 12:25

Hallo, kann ich irgendwie auf der Titelseite eine Countdown Uhr einfügen ?

Das ganze Forum wartet auf den 11.11.2008 ! -> Karnevalsverein ! Smile

Danke,
Manuel

fuxx1848
Lehrling
Lehrling

Männlich Beiträge : 134
Anmeldedatum : 04.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von Alex am So 9 Dez 2007 - 12:55

Hallo!

Guck mal, das kannst einbauen unter

Adminbereich/Allgemeines/Hauptseite/Konfiguration

und dort unten bei "Nachricht auf der Hauptseite. Datum kannst im Code ändern.

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("December 31, " + year + " 23:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  ...bis zum 31. Dezember ' + year);
document.write('</div>');

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 + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Gruß,
Alex

http://tiertreff.com

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von fuxx1848 am So 9 Dez 2007 - 12:58

Ah, super...danke !

Kann ich da auch noch einen Text einfügen...also z.B.: "Nicht mehr lange bis zum 11.11.2008:" ...und dann kommt der Countdown ?!

fuxx1848
Lehrling
Lehrling

Männlich Beiträge : 134
Anmeldedatum : 04.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von fuxx1848 am So 9 Dez 2007 - 13:05

Irgendwie komme ich mit dem Code nicht klar...sorry, ich hab' da keine Ahnung von, kannst du es etwas genauer beschreiben ?
Danke dir !

fuxx1848
Lehrling
Lehrling

Männlich Beiträge : 134
Anmeldedatum : 04.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von Alex am So 9 Dez 2007 - 13:11

So,

ich hab Dir den Code gleich umgebaut, weil das war schon mehr tricky, als es erst ausgesehen hat ;-)

Wie gesagt, so unverändert einsetzen in das Feld "Nachricht auf der Hauptseite" (Das große ganz unten auf der Seite)


Code:

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("November 11 " + 2008 + " 23:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  ...bis zum 11. 11. 2008' );
document.write('</div>');

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 + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Gruß,
Alex

http://tiertreff.com

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von fuxx1848 am So 9 Dez 2007 - 13:21

Krieg' ich auch die Millisekunden irgendwie weg ?

fuxx1848
Lehrling
Lehrling

Männlich Beiträge : 134
Anmeldedatum : 04.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von Alex am So 9 Dez 2007 - 13:29

Hallo!

Hiermit sind auch die Millisekunden weg:

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("November 11 " + 2008 + " 23:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  ...bis zum 11. 11. 2008' );
document.write('</div>');

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 + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Gruß,
Alex

http://tiertreff.com

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von fuxx1848 am So 9 Dez 2007 - 13:35

Letzte Frage: Kann man ...bis zum 11. 11. 2008 auch größer schreiben ???

fuxx1848
Lehrling
Lehrling

Männlich Beiträge : 134
Anmeldedatum : 04.12.07

Benutzerprofil anzeigen

Nach oben Nach unten

Re: COUNTDOWN einfügen ?

Beitrag von Alex am So 9 Dez 2007 - 13:45

Hallo!

Code:
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var now = new Date();
var year = now.getYear();
if (year < 1900) {
  year += 1900;
}
var end = new Date("November 11 " + 2008 + " 23:00:00 GMT");

document.write('<div style="text-align: center">');
document.write('  <span id="c1" style="FONT: bold 30px arial; COLOR: green"></span><br />');
document.write('  <span id="c2" style="font: bold 25px arial; color: blue">;</span><br />');
document.write('  <span style="font: bold 20px arial; color: red">...bis zum 11. 11. 2008' );
document.write('</div>');

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 + ' TAGE';
    document.getElementById('c2').innerHTML = hours + ':' + minutes + ':' + seconds + '';
    setTimeout("countdown()", 50);
  }
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/blog/36-staroffice-kostenlos" title="StarOffice Download" target="_blank">StarOffice Download</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=368"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

Rest machst jetzt aber mal selbst, weil ich bin immer noch für Forumieren tätig, nicht für kostenlose Javascripts......

Gruß,
Alex

http://tiertreff.com

Alex
Admin a.D.
Admin a.D.

Männlich Beiträge : 8116
Anmeldedatum : 02.09.07

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten