[Code] Countdown nur andersrum

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Silur, 6. Oktober 2009 .

  1. 6. Oktober 2009
    Countdown nur andersrum

    Hallo Raidus,
    ich suche ein java script pder php oder so was mir ab ein Datum an die Zeit hochzählt.

    also z.B.

    seit gestern (05.10.09)

    dann musste dort stehen:

    34 Stunden und 30 Sekunden

    und das ganze immer vorlaufend also immer wenn man auf die seite geht die Zeit seit 05.10.09

    wer eine idee?

    lg
    Silur
     
  2. 6. Oktober 2009
    AW: Countdown nur andersrum

    Also eigentlich sowas wie eine Stopuhr, wenn ich dich richtige verstehe,

    tschau einfach mal hier http://www.planet-source.de/tipps/8/201.php
     
  3. 6. Oktober 2009
    AW: Countdown nur andersrum

    ja ja nur das sie mit einem datum umgehen können muss und kein enddatum/zeit
     
  4. 6. Oktober 2009
    AW: Countdown nur andersrum

    Würde es so in der Richtung lösen mit JavaScript (PHP kann man das auch so machen)

    Code:
    var jetzt = new Date().getTime();
    var damals = new Date(2009, 9, 5, 0, 0, 0).getTime();
    var zeitspanne = jetzt - damals;
    Die Variable zeitspanne enthält dann die Millisekunden die seit dem 05.10.2009 vergangen sind.

    Weitere Hilfe für die Methoden findest du hier: http://de.selfhtml.org/javascript/objekte/date.htm
     
  5. 6. Oktober 2009
    AW: Countdown nur andersrum

    Hier hab ich mal einen Code für dich !
    PHP:
    <? php
    $oldDate 
    strtotime ( '2009-10-03 00:00:00' );
    $actDate  time ();
    $diffDate  = ( $actDate - $oldDate );

    $tag_diff = $diffDate / 60 / 60 / 24 ;
    $tag = floor ( $tag_diff );

    $stunden_diff = $diffDate / 60 / 60 - $tag * 24 ;
    $stunden = floor ( $stunden_diff );

    $minuten_diff = $diffDate / 60 - $tag * 24 * 60 - $stunden * 60 ;
    $minuten = floor ( $minuten_diff );

    $sekunden = $diffDate - $tag * 24 * 60 * 60 - $stunden * 60 * 60 - $minuten * 60 ;

    echo 
    $tag ;
    echo 
    ' Tag/e<br>' ;

    echo 
    $stunden ;
    echo 
    ' Stunde/n<br>' ;

    echo 
    $minuten ;
    echo 
    ' Minute/n<br>' ;

    echo 
    $sekunden ;
    echo 
    ' Sekunde/n<br>' ;


    ?>
     
  6. 6. Oktober 2009
    AW: Countdown nur andersrum

    neeee stopppp


    er gibt nicht den timer aus sondern diese zeilen


    '; echo $stunden; echo ' Stunde/n
    '; echo $minuten; echo ' Minute/n
    '; echo $sekunden; echo ' Sekunde/n
    '; ?

    wo ist der fehler?
     
  7. 6. Oktober 2009
    AW: Countdown nur andersrum

    Also der Code Funktioniert zu 100%
    hast du überhaubt einen Webspace mit PHP ?
    oder einen Apacheserver auf deinem PC laufen ?
    hast du die Dateiendung .php ?

    und falsche sektion wäre Webentwicklung wenn du javascript oder php willst.
     
  8. 7. Oktober 2009
    AW: Countdown nur andersrum

    joa habs auf einen apatcheeee geschoben :-/ hmm ich guck nochmal genau... jap is php

    also index.php
     
  9. 7. Oktober 2009
    AW: Countdown nur andersrum

    Dann liegts an dem PHP. Weils das Script geht habs eben getestet.
     
  10. 7. Oktober 2009
    AW: Countdown nur andersrum

    php-Seiten müssen die Endung .php haben sonst wird der PHP-Code nicht ausgeführt. Da er die PHP-Code-Zeilen ausgibt vermute ich das du diese falsch in die Seite eingebunden hast. Poste mal die komplette Seite von dir.
     
  11. 7. Oktober 2009
    AW: Countdown nur andersrum

    also das steht in meiner index.html

    Code:
    <html> 
     <head> 
     <title></title>
     <link rel="stylesheet" type="text/css" href="index.css">
    
    
     </head> 
    
     <body> 
    
     <?php
     $oldDate = strtotime('2009-08-25 00:00:00');
     $actDate = time();
     $diffDate = ($actDate-$oldDate);
    
     $tag_diff=$diffDate/60/60/24;
     $tag=floor($tag_diff);
    
     $stunden_diff=$diffDate/60/60-$tag*24;
     $stunden=floor($stunden_diff);
    
     $minuten_diff=$diffDate/60-$tag*24*60-$stunden*60;
     $minuten=floor($minuten_diff);
    
     $sekunden=$diffDate-$tag*24*60*60-$stunden*60*60-$minuten*60;
    
     echo $tag;
     echo ' Tag/e<br>';
    
     echo $stunden;
     echo ' Stunde/n<br>';
    
     echo $minuten;
     echo ' Minute/n<br>';
    
     echo $sekunden;
     echo ' Sekunde/n<br>';
     ?> 
     
     </body> 
    
    
    </html> 
    
     
  12. 7. Oktober 2009
    AW: Countdown nur andersrum

    besser:
    PHP:
    <? php

    $oldDate  
    = new  DateTime ( '2009-10-03' );
    $nowDate   = new  DateTime ();
    $dateDiff  $nowDate -> diff ( $oldDate );

    print 
    $dateDiff -> days  ' Tage' //etc

    ?>
    php 5.3.0 vorausgesetzt
     
  13. 9. Oktober 2009
    AW: Countdown nur andersrum

    funzt supi

    geht das auchd as die zahl live läuft also nicht das man immer aktualiesieren muss?


    lg
    silur
     
  14. 9. Oktober 2009
    AW: Countdown nur andersrum

    Das geht wiederum mit Javascript.

    Code:
    var time = new Date();
    time.setTime(<?php echo $dateDiff->mktime(); ?> * 1000);
    function clocktick()
    {
     time.setTime(time.getTime() + 1000);
     document.getElementById('clock').innerHTML = time.getDay() + 'Tage, ' + time.getHours() + ' Stunden, ' + time.getMinutes() + ' Minuten, ' + time.getSeconds() + ' Sekunden';
     window.setTimeout("clocktick()", 1000);
    }
    window.onload = clocktick;
    
     
  15. 12. Oktober 2009
    AW: Countdown nur andersrum

    und wo trage ich da jetzt mein datum ein`?^^

    lg

    silur
     
  16. 13. Oktober 2009
    AW: Countdown nur andersrum

    Du musst meinen Code in Kombination mit dem von Murdoc verwenden.
     
  17. 14. Oktober 2009
    AW: Countdown nur andersrum

    wie jetzt? ich habe

    PHP:
     <?php
                      $oldDate 
    strtotime ( '2009-08-25 00:00:00' );
                        
    $actDate  time ();
                        
    $diffDate  = ( $actDate - $oldDate );

                        
    $tag_diff = $diffDate / 60 / 60 / 24 ;
                        
    $tag = floor ( $tag_diff );

                        
    $stunden_diff = $diffDate / 60 / 60 - $tag * 24 ;
                        
    $stunden = floor ( $stunden_diff );

                        
    $minuten_diff = $diffDate / 60 - $tag * 24 * 60 - $stunden * 60 ;
                        
    $minuten = floor ( $minuten_diff );

                        
    $sekunden = $diffDate - $tag * 24 * 60 * 60 - $stunden * 60 * 60 - $minuten * 60 ;

                       echo 
    $tag ;
                        echo 
    ' Tag/e<br>' ;

                        echo 
    $stunden ;
                        echo 
    ' Stunde/n<br>' ;

                        echo 
    $minuten ;
                        echo 
    ' Minute/n<br>' ;

                        echo 
    $sekunden ;
                        echo 
    ' Sekunde/n<br>' ;
                        
    ?> 
    und wo soll dat jetze a hin^^?
     
  18. 14. Oktober 2009
    AW: Countdown nur andersrum

    Code:
    <?php
    $oldDate = new DateTime('2009-10-03');
    $nowDate = new DateTime();
    $dateDiff = $nowDate->diff($oldDate);
    ?>
    <script type="text/javascript">
    var time = new Date();
    time.setTime(<?php echo $dateDiff->mktime(); ?> * 1000);
    function clocktick()
    {
     time.setTime(time.getTime() + 1000);
     document.getElementById('clock').innerHTML = time.getDay() + 'Tage, ' + time.getHours() + ' Stunden, ' + time.getMinutes() + ' Minuten, ' + time.getSeconds() + ' Sekunden';
     window.setTimeout("clocktick()", 1000);
    }
    window.onload = clocktick;
    </script>
    
    (Dann brauchst du noch irgendwo ein Element mit der id #clock, in dem der Countdown angezeigt wird.)
     
  19. 15. Oktober 2009
    AW: Countdown nur andersrum

    @meinname
    den code von murdoc kann ich leider nicht verwenden so geilo er auch ist mein webspace unterstützt noch kein php 5.3.0 :-/ local aufm indianer läuft es...
    wäre es möglich das du es an meiner code bzw an Razer1993 variante zeigst?


    weil einfach mit rein in die index.php scheint bei mir nicht zu funzen *kopfkratz*


    lg
    Silur
     
  20. 15. Oktober 2009
    AW: Countdown nur andersrum

    Also, bisher haben fast alle Lösungen php verwendet (auch die von Razer1993), aber bitte hier als reines JS:
    Code:
    <script type="text/javascript">
    var begin = new Date(2009, 9, 5, 0, 0, 0); //Jahr, Monat, Tag, Stunden, Minuten, Sekunden
    var now = new Date();
    var milliseconds = now.getTime() - begin.getTime();
    var time = new Date(milliseconds);
    function clocktick()
    {
     time.setTime(time.getTime() + 1000);
     document.getElementById('clock').innerHTML = (time.getDate()-1) + 'Tage, ' + time.getHours() + ' Stunden, ' + time.getMinutes() + ' Minuten, ' + time.getSeconds() + ' Sekunden';
     window.setTimeout("clocktick()", 1000);
    }
    window.onload = clocktick;
    </script>
    Das würde die Zeit seit dem 5.10.09 00:00:00 zählen. Der Nachteil gegenüber dem Kombo mit php ist, dass die Zeit falsch läuft, wenn der User auf seinem PC die Uhr falsch eingestellt hat.
     
  21. 21. Oktober 2009
    AW: Countdown nur andersrum

    hmmm :-/

    also ich hab jetzte das
    Code:
    [COLOR=#000000] [COLOR=#0000BB]<?php
     $oldDate [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]strtotime[/COLOR][COLOR=#007700]([/COLOR][COLOR=#DD0000]'2009-08-25 00:00:00'[/COLOR][COLOR=#007700]);
     [/COLOR][COLOR=#0000BB]$actDate [/COLOR][COLOR=#007700]= [/COLOR][COLOR=#0000BB]time[/COLOR][COLOR=#007700]();
     [/COLOR][COLOR=#0000BB]$diffDate [/COLOR][COLOR=#007700]= ([/COLOR][COLOR=#0000BB]$actDate[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$oldDate[/COLOR][COLOR=#007700]);
    
     [/COLOR][COLOR=#0000BB]$tag_diff[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]$diffDate[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]24[/COLOR][COLOR=#007700];
     [/COLOR][COLOR=#0000BB]$tag[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]floor[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]$tag_diff[/COLOR][COLOR=#007700]);
    
     [/COLOR][COLOR=#0000BB]$stunden_diff[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]$diffDate[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$tag[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]24[/COLOR][COLOR=#007700];
     [/COLOR][COLOR=#0000BB]$stunden[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]floor[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]$stunden_diff[/COLOR][COLOR=#007700]);
    
     [/COLOR][COLOR=#0000BB]$minuten_diff[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]$diffDate[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$tag[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]24[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$stunden[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700];
     [/COLOR][COLOR=#0000BB]$minuten[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]floor[/COLOR][COLOR=#007700]([/COLOR][COLOR=#0000BB]$minuten_diff[/COLOR][COLOR=#007700]);
    
     [/COLOR][COLOR=#0000BB]$sekunden[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000BB]$diffDate[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$tag[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]24[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$stunden[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000BB]$minuten[/COLOR][COLOR=#007700]*[/COLOR][COLOR=#0000BB]60[/COLOR][COLOR=#007700];
    
     echo [/COLOR][COLOR=#0000BB]$tag[/COLOR][COLOR=#007700];
     echo [/COLOR][COLOR=#DD0000]' Tag/e<br>'[/COLOR][COLOR=#007700];
    
     echo [/COLOR][COLOR=#0000BB]$stunden[/COLOR][COLOR=#007700];
     echo [/COLOR][COLOR=#DD0000]' Stunde/n<br>'[/COLOR][COLOR=#007700];
    
     echo [/COLOR][COLOR=#0000BB]$minuten[/COLOR][COLOR=#007700];
     echo [/COLOR][COLOR=#DD0000]' Minute/n<br>'[/COLOR][COLOR=#007700];
    
     echo [/COLOR][COLOR=#0000BB]$sekunden[/COLOR][COLOR=#007700];
     echo [/COLOR][COLOR=#DD0000]' Sekunde/n<br>'[/COLOR][COLOR=#007700];
     [/COLOR][COLOR=#0000BB]?>[/COLOR][/COLOR]
    und möchte halt das die zeit live läuft ohne f5 zu drücken und das ganze unabhänig der pc zeit an dem die page aufgerufen wird ... wer noch eine idee?


    lg
    silur
     
  22. 21. Oktober 2009
    AW: Countdown nur andersrum

    Code:
    <?php
    //(von Razer)
    $oldDate = strtotime('2009-10-03 00:00:00');
    $actDate = time();
    $diffDate = ($actDate-$oldDate);
    
    $tag_diff=$diffDate/60/60/24;
    $tag=floor($tag_diff);
    
    $stunden_diff=$diffDate/60/60-$tag*24;
    $stunden=floor($stunden_diff);
    
    $minuten_diff=$diffDate/60-$tag*24*60-$stunden*60;
    $minuten=floor($minuten_diff);
    
    $sekunden=$diffDate-$tag*24*60*60-$stunden*60*60-$minuten*60;
    ?>
    
    <script type="text/javascript">
    var time = new Date(<?php echo $sekunden; ?> * 1000);
    function clocktick()
    {
     time.setTime(time.getTime() + 1000);
     document.getElementById('clock').innerHTML = (time.getDate()-1) + 'Tage, ' + time.getHours() + ' Stunden, ' + time.getMinutes() + ' Minuten, ' + time.getSeconds() + ' Sekunden';
     window.setTimeout("clocktick()", 1000);
    }
    window.onload = clocktick;
    </script>
     
  23. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.