Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 5150 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
Windows 7
gelöst Windows Countdown (18)

Frage von MedicalAd zum Thema Windows 7 ...

Batch & Shell
HTML in Batch und Powershell (11)

Frage von michi-ffm zum Thema Batch & Shell ...

HTML
gelöst HTML, CSS: Mapping auf dynamischen Hintergrund (2)

Frage von Judo99 zum Thema HTML ...

HTML
Gibt es einen simplen HTML Baukasten? (7)

Frage von thomasreischer zum Thema HTML ...

Neue Wissensbeiträge
Humor (lol)

Wo ist der Fehler auf dem Bild?

(2)

Information von the-buccaneer zum Thema Humor (lol) ...

Windows Update

Offenbar erneutes MS-Update mit Fehlerschleife (2012 R2)

Information von VGem-e zum Thema Windows Update ...

Windows Installation

Unorthodoxer Weg, um an einen Offline-Installer für Adobe Flash zu kommen

(14)

Tipp von beidermachtvongreyscull zum Thema Windows Installation ...

Heiß diskutierte Inhalte
Exchange Server
gelöst Proxy Server Settings Cloud + EWS (17)

Frage von SomebodyToLove zum Thema Exchange Server ...

Windows Server
PDF Editor für den Einsatz auf Terminal Servern (16)

Frage von kwame501 zum Thema Windows Server ...

Windows Installation
Unorthodoxer Weg, um an einen Offline-Installer für Adobe Flash zu kommen (14)

Tipp von beidermachtvongreyscull zum Thema Windows Installation ...

Virtualisierung
Unterschied zwischen VDI und Terminal Server Lösungen (12)

Frage von tukawi06 zum Thema Virtualisierung ...