Countdown

D

DRXX

Erfahrenes Mitglied
Hallo
Bald ist Neujahr und ich habe mir überlegt wie man ein COUNTDOWN machen könnte.

Also Stunden, Minuten und Secunden sollten angezeigt werden.

Hat einer eine Idea?:)
 
Im Forum unter Java/Javasckript nacsuchen, oder nen fertigen Code suchen(ich versteh ubrigends auch nicht von javasckript...)
 
Lösung

Javascript ist sinnlos dafür. Hier meine Lösung:

Code: 
<?
// (c) by microhome.de
// Datum entsprechend einstellen (Tag +1 wegen runden)
$day = 2;
$month = 1;
$year = 2005;
$result = (int)((mktime (0,0,0,$month,$day,$year) - time(void))/86400);
if ($result > 1){
  print ("Noch <b>" . (int)((mktime (0,0,0,$month,$day,$year) - time(void))/86400) . " Tage</b> bis zum neuen Jahr");
}
elseif ($result == 1){
  print ("Noch <b>" . (int)((mktime (0,0,0,$month,$day,$year) - time(void))/86400) . " Tag</b> bis zum neuen Jahr");
}
elseif ($result < 1){
  echo "<b>Es ist 2005</b>";
}
?>

Viel Spaß und guten Rutsch ;)
 
Sorry, hab ich überlesen. Dann musste zuerst die Sekunden errechnen und dann eben entsprechnd weiter umrechnen, bis du bei Sekunden bist.

Code: 
<?
// (c) by microhome.de
function Countdown($Datum)
{
    $Zieldatum = mktime(substr($Datum, 11, 2), substr($Datum, 14, 2), substr($Datum, 17, 2), substr($Datum, 3, 2), substr($Datum, 0, 2), substr($Datum, 6, 4));
    $Differenz = $Zieldatum-time();
    $Rest = $Differenz-($Tage*86400*24);
    $Stunden = floor($Rest/3600);
    $Rest = $Rest-($Stunden*3600);
    $Minuten = floor($Rest/60);
    $Rest = $Rest-($Minuten*60);
    $Zeit="$Stunden : $Minuten : $Rest";
    return($Zeit);
}
$Datum = "01.01.2005 00:00:00";
echo Countdown($Datum);
?>
 
Sinnlos?
Eher perfekt..., da du einen Echtzeitcounter haben kannst!

Hatte jetzt keine Zeit einen selber zu schreiben, also kurz gegoogelt!
Code: 
<script language="JavaScript1.2">

/*
Dynamic countdown Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day:
setcountdown(2005,01,01)

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion="New Year!"
var message_on_occasion="Happy New Year!"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='480px'
var countdownheight='20px'
var countdownbgcolor='lightblue'
var opentags='<font face="Verdana"><small>'
var closetags='</small></font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>
Einfach Design anpassen, einfügen und dann klappts, ist getestet :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück