cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
wichtigWir suchen PHP-Entwickler/innen (Freelancer oder Vollzeit)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 69406
Mitglieder online: 0
Gäste online: 0
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: [JS] Countdown mit Werten aus DB erzeugen und als Zeit und Fortschrittsbalken ausgeben

Thread: [JS] Countdown mit Werten aus DB erzeugen und als Zeit und Fortschrittsbalken ausgeben


17.09.2009 18:11 Uhr

 

Status: offline
Bei hotelmagnat, habe ich einen Countdown drin, der anzeigt wie lange ein Ereignis noch braucht, bis es fertig ist.
Außerdem wird der Fortschrit tder Aktion in einem Balken mit der entsprechenden Prozentzahl dargestellt.
Dies habe ich bislang über PHP und refresh gelöst.
Nun möchte ich das mit JS lösen.
Mit JS kenne ich mich so gut wie gar nicht aus und alle meine Versuche dies mithilfe von meiner Suchmaschine selbst zu coden sind gescheitert.

Ich möchte also dort stehen haben:
Verbleibende Zeit: 00:10:00
========100%======== (Stellt den Balken dar)

Nach einer Sekunde:
Verbleibende Zeit: 00:09:59
|=======99.95%========

Und so weiter.

Ich habe die Daten "Dauer" und "Ende" in der DB stehen.

Mein bisheriger Code ist:
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?
$verbleibend = ($row_personal_aktuell[ende] - $datum_jetzt);
$timezone = @date_default_timezone_get(); // Zeitzone temporär speichern; vorangestelltes @ unterdrückt warnings
date_default_timezone_set('GMT'); // Zeitzone auf GMT+0 setzen
echo '<td>Verbleibende Zeit: '.date("H:i:s",$verbleibend).'</td>';
date_default_timezone_set($timezone); // Zeitzone zurücksetzen
$balken = (1-($verbleibend/$row_personal_aktuell[dauer]))*100;
$balken = round($balken,2);
echo '<div style="border:thin orange solid; width:587px; height:20px;">';
echo '<div style="position: absolute; padding-top:3px; padding-left:290px; width:600px;">'.$balken.'%</div>';
echo '<div style="background-color:lime; background-image: url(doc/balken.jpg); background-repeat:repeat-x; width:'.$balken.'%; height:20px;">';
echo '</div>';
echo '</div>';
?>
Kann mir da jemand helfen, wie ich des hinbekomme?
___________________________
Live your life everyday.
http://www.hotelmagnat.de Betatester für Onlinebrowsergame gesucht.
http://www.earthfight.de Rundenbasiertes Browsergame.
17.09.2009 18:17 Uhr

 

Status: offline
2min Googlesuche...

"Ich speichere in der Datenbank den Timestamp wann der Bau fertig ist und kann so ganz einfach die verbleibende Zeit ausrechnen.

Der Countdown sieht bei mir so aus:
PHP-Code:
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
function startTimer(zeit,ibo) {
  s=zeit;
  h=Math.floor(s/3600);
  s-=h*3600;
  m=Math.floor(s/60);
  s-=m*60;
  h=h<10?'0'+h:h;
  m=m<10?'0'+m:m;
  s=s<10?'0'+s:s;
  zeit-=1;
  document.getElementsByName('buildSubmit')[ibo].value = h+':'+m+':'+s+' Abbrechen';
  (zeit>0) ? setTimeout("startTimer("+zeit+","+ibo+")",1000) : setTimeout("setBegin("+ibo+")",500);
}
die Funktion "setBegin()" schickt dann ein Formular an eine PHP-Datei ab, in der dann die Datenbank aktualisiert wird."

Gefunden auf jswelt verfasst von slosd


EDIT: Es gibt übrigens auch klasse Foren, die Dir gerne weiterhelfen, welche sich auf Browsergames spezialisiert haben...  :wink: 
1 mal bearbeitet
___________________________
Frische Luft?
Ähnliche Threads Forum Ähnlichkeitsgrad
 moment.js Website & Webprogrammierung 3
 avachanger keine php unterstützung Website & Webprogrammierung 2
 [PHP/MYSQL] Zeitgesteuert auf Datenbank zugreifen Website & Webprogrammierung 2
 [JS] JavaScript Problem mit Globalen Arrays - Eintäge werden nicht überschrieben Website & Webprogrammierung 2
 JS JavaScript | -3 ist größer als 0 ???? Website & Webprogrammierung 2
 [gelöst] JS JavaScript | Mauszeiger bei onmouseover auf einer input Textbox ändern Website & Webprogrammierung 2
 JS <input> vorgegebener value der verschwindet bei Focus und wenn leer auch wiederkommt Website & Webprogrammierung 2
nach obennach oben

Copyright © 2014 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news
ANEXIA - PHP Entwicklung - Web-Entwicklung - Fritz!Box Anrufmonitor für Mac OS - Rolladen, Markisen und Jalousien in Stuttgart - Rolladen in Stuttgart - SMSjobs