Druckbare Version
Servus!
Bei einem Nachtspiel muss man einen gefundenen Code in einen Computer in ein Eingabefeld eingeben.
Während man den Code Sucht, läuft ein Countdown ab.
Frage: Kann mir jemand ein JS Countdownskript machen, das ein MM:SS-Konstrukt innerhalb eines DIV-Containers (Wegen Styles) mit fester Startzeit (ich schätz mal 2Min zuerst, ist ja leicht anpassbar). Kann mir jemand helfen? Di Google-Scripte sind nicht ganz so hilfreich...
Klar: *blubb*
Bei Fragen zum Code einfach melden.
[FONT="Times New Roman"]Hättest bei Icq einfach nachfragen brauchen ._.[/FONT]
Ja schon, aber in einem DIV-Container wär's besser. Aber ich kann das "Formularfeld" im Stil ja auch gut anpassen...Zitat:
Zitat von Milchbox
Stimmt, aber ich wollt' im Forum stellen, da ich warscheinlich noch andere Dinge brauch...Zitat:
[FONT="Times New Roman"]Hättest bei Icq einfach nachfragen brauchen ._.[/FONT]
Nichts leichter als das -> countdown2.htmlZitat:
Zitat von Bluescreen
Okey danke, das ist schon fast alles was ich brauche.
Vielleicht ist das für den Broswer zuviel (Opera macht's am Besten), aber könntest du noch noch Millisekunden oder sowas einbauen? Ich denke, das ist ein Nerfen-Aufreibender Effekt.
Momentaner Quelltext:
Kannst du bei Null noch das Formularfeld sperren, oder einen Refer auf eine andere Seite machen?HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">-->
<html><head><title>Time's running out</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type\" content="text/javascript">
<meta http-equiv="content-language" content="de">
<link rel="shortcut icon" href="grafiken/jura.ico" title="Jugendraum Vaihingen J!">
<script type="text/javascript">
var jahr=2008, monat=04, tag=21, stunde=15, minute=15, sekunde=0;
var zielDatum=new Date(jahr,monat-1,tag,stunde,minute,sekunde);
function countdown() {
startDatum=new Date();
if(startDatum<zielDatum) {
var minuten=0, sekunden=0;
minuten=Math.floor((zielDatum-startDatum)/(60*1000));
startDatum.setTime(startDatum.getTime()+minuten*60*1000);
sekunden=Math.floor((zielDatum-startDatum)/1000);
(minuten!=1)?minuten=minuten+":":minuten=minuten+":";
if(sekunden<10) sekunden="0"+sekunden;
(sekunden!=1)?sekunden=sekunden+"":sekunden=sekunden+"";
document.getElementById('countdown').innerHTML =
minuten+sekunden;
setTimeout('countdown()',200);
}
else document.getElementById('countdown').innerHTML =
"00:00";
}
</script>
<style type="text/css" media="print, screen">
body { background-color:black; color:white; font-family:'Verdana'; }
div#countdown { color:red; font-size:75px; font-weight:bold; font-family:'LcdD','SerpentineDBol','Dungeon'; text-align:center;}
form#codebox { text-align:center; padding:2px;}
form#codebox input#code { padding:2px; width:200px;font-size:25px; font-family:'Square721 BdEx BT','MicrogrammaDBolExt';margin-bottom:5px;}
form#codebox input#button { padding:2px; width:200px;font-size:25px; font-family:'Square721 BdEx BT','MicrogrammaDBolExt';margin-bottom:5px;}
</style>
</head><body onload="countdown()">
<div id="countdown"><br>01:32</div>
<form id="codebox"><br><br><input type="text" value="k" name="code" id="code"><br><input type="button" value="Abgeben" id="button"></form>
</body></html>
Wiegesagt, die "Testperson" soll innerhalb einer bestimmten Zeitspanne (zb. 2 min) eine Code suchen, und ihn dann in das Feld eingeben. Die Startzeit des JavaScripts wird dann per PHP eingetragen, das ist gut so, um trotz allem Tricksern vorbeugen zu können.
Da ich noch keine Funktion erkennen kann, einfach nur so der Hinweis: Verlasse dich niemals nur auf JavaScript. Jeder kann den Quellcode runterladen und verändern (z.B. die zeitliche Beschränkung ganz ausbauen) oder einfach im Browser die Werte manipulieren.
Generell gilt das auch.Zitat:
Zitat von dead_orc
Allerdings wird die Manipulation gestört/unmöglich gemacht durch die folgenden Punkte:
- Die "Probanden" haben nur (geplante) 2 min Zeit. Ein potentieller "Hacker" müsste sich nun entscheiden, versuche ich die durchaus schaffbare Aufgabe, oder versuche ich in der kurzen Zeit unter Bebobachtung (!) zu manipulieren.
- Keiner der "Probanden" hat auch nur entfernteste Ahnung vom Programmieren oder Skripten.
- Die Eingaben und die Startzeitsteuerung wird nicht vom JavaScript, sondern über PHP gesteuert.
- Der verwendete PC/Laptop ist mit einem solchen Benutzerkonto angemeldet, das auf zur Bearbeitung nötige Programme nicht geladen werden können
- Möglicherweise verwende ich auch ein Linux-OS dazu, dann raffen die sowieso von vorneherein garnichts.
Ich hoffe du siehst, das in diesem Fall keine Gefahr besteht.
Edit: Ein ticktak-Geräusch oder so, kann man das auch noch einbauen?! ;-)