Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Countdown in HTML einbinden, nur wie?

Frage Entwicklung

Mitglied: eatyourcookie

eatyourcookie (Level 1) - Jetzt verbinden

25.03.2010 um 10:35 Uhr, 5127 Aufrufe, 8 Kommentare

Also, ich habe ein kleines Quiz im Webbrowser geschrieben und möchte nun, dass unter den Quizfragen eine Uhr (am besten "Digital-Uhr", Schema: hh:mm:ss) einen Countdown darstellt.
Dazu folgendes:

Der Wert für den Countdown ist zu jeder Frage in einer Tabelle gespeichert und in Sekunden (s) angegeben.
Nun wäre natürlich ein Countdown am Besten, bei dem ich im HTML/PHP-Code den Wert direkt in den Code der Uhr einfügen kann.

Kann mir da jmdn helfen?
Mitglied: 85335
25.03.2010 um 10:58 Uhr
Include einfach die Frage. Dann einen refresh nach x sekunden.
Bitte warten ..
Mitglied: nxclass
25.03.2010 um 11:07 Uhr
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
02.
<html> 
03.
    <head> 
04.
        <title></title> 
05.
        <script type="text/javascript"> 
06.
window.onload = function() 
07.
08.
    window.setTimeout( document.getElementById('form').submit() , {ZEIT}*1000 ); 
09.
    window.setInterval( clock() , 1000); 
10.
     
11.
12.
function clock() 
13.
14.
    var time = (document.getElementById('clock').innerHTML*1) - 1; 
15.
    if (time == 0) { 
16.
        document.getElementById('form').submit(); 
17.
18.
    document.getElementById('clock').innerHTML = time; 
19.
20.
        </script> 
21.
    </head> 
22.
    <body> 
23.
     
24.
<div id="clock">{ZEIT}</div> 
25.
     
26.
<form id="form" action="{ACTION}" method="{METHOD}"> 
27.
{FRAGE} 
28.
</form> 
29.
    
30.
    </body> 
31.
</html> 
32.
 
Bitte warten ..
Mitglied: eatyourcookie
25.03.2010 um 11:14 Uhr
STOOOOOOOOOOOOOOOOOP!



Ich will eine animierte Uhr die dann den Wert 120 Sekunden (aus meiner Database) nur ablaufen lässt. Also die Animation.

Und das dann im Format HH:MM:SS

Also 150 Sekunden = 00:02:30

Und dann runterzählen
Bitte warten ..
Mitglied: nxclass
25.03.2010 um 11:27 Uhr
bin noch nicht ganz wach ...
01.
<html> 
02.
    <head> 
03.
        <title></title> 
04.
        <script type="text/javascript"> 
05.
var iTime = {ZEIT}+1; 
06.
         
07.
window.onload = function() 
08.
09.
    /* window.setTimeout( document.getElementById('form').submit() , iTime*1000 ); */ 
10.
    clock(); 
11.
    window.setInterval( 'clock();' , 1000); 
12.
13.
 
14.
function clock() 
15.
16.
    iTime--; 
17.
     
18.
    iH = Math.floor(iTime/3600); 
19.
    iM = Math.floor((iTime-(iH*3600))/60); 
20.
    iS = iTime-(iH*3600)-(iM*60); 
21.
 
22.
    iH = (iH<10) ? '0'+iH : iH; 
23.
    iM = (iM<10) ? '0'+iM : iM; 
24.
    iS = (iS<10) ? '0'+iS : iS; 
25.
     
26.
    document.getElementById('clock').innerHTML = iH+':'+iM+':'+iS; 
27.
     
28.
    if (iTime == 0) { 
29.
        document.getElementById('form').submit(); 
30.
31.
32.
        </script> 
33.
    </head> 
34.
    <body> 
35.
     
36.
<div id="clock"></div> 
37.
     
38.
<form id="form" action="{ACTION}" method="{METHOD}"> 
39.
{FRAGE} 
40.
</form> 
41.
    
42.
    </body> 
43.
</html>
.. verdammte Fehler - so jetzt!
Bitte warten ..
Mitglied: eatyourcookie
25.03.2010 um 11:31 Uhr
wenn du mir nun noch sagen könntest, wo die variable mit dem zeitwert eingefügt werden müsste.
habe leider echt keinen schimmer von java. :/
und natürlich besten dank erstmal!
Bitte warten ..
Mitglied: nxclass
25.03.2010 um 11:33 Uhr
von java habe ich auch keinen Plan ...

Packe den Zeitwert (in Sekunden) bei der {ZEIT} Marke rein (in PHP)
Bitte warten ..
Mitglied: eatyourcookie
25.03.2010 um 15:13 Uhr
haut irgendwie nicht so ganz hin.

habe mir mehr was in richtung flash-uhr ausgemahlt. das die dann gesagt bekommt, wie "lange" der countdown geht und dann halt anhängt runter zu zählen. (es geht halt nur um das optische und nicht um eine funktion wie das reloaden)
Bitte warten ..
Mitglied: mrtux
25.03.2010 um 18:25 Uhr
Hi !

Zitat von eatyourcookie:
habe leider echt keinen schimmer von java. :/

Java? Oh Oh ... :-P

mrtux
Bitte warten ..
Ähnliche Inhalte
Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(9)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte