Nachtspiel: Countdownskript oä.

**Bluescreen** · 16.04.2008 20:54

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...

**Milchbox** · 17.04.2008 15:21

Klar: *blubb*
Bei Fragen zum Code einfach melden.

[FONT="Times New Roman"]Hättest bei Icq einfach nachfragen brauchen ._.[/FONT]

**Bluescreen** · 17.04.2008 16:06

Zitat von Milchbox

Klar: *blubb*
Bei Fragen zum Code einfach melden.

Ja schon, aber in einem DIV-Container wär's besser. Aber ich kann das "Formularfeld" im Stil ja auch gut anpassen...

Zitat

[FONT="Times New Roman"]Hättest bei Icq einfach nachfragen brauchen ._.[/FONT]

Stimmt, aber ich wollt' im Forum stellen, da ich warscheinlich noch andere Dinge brauch...

**Milchbox** · 17.04.2008 16:14

Zitat von Bluescreen

Ja schon, aber in einem DIV-Container wär's besser.

Nichts leichter als das -> countdown2.html

**Bluescreen** · 21.04.2008 13:44

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:

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>

Kannst du bei Null noch das Formularfeld sperren, oder einen Refer auf eine andere Seite machen?

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.

**dead_orc** · 21.04.2008 14:34

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.

**Bluescreen** · 21.04.2008 14:41

Zitat von dead_orc

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.
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?! ;-)

Thema: Nachtspiel: Countdownskript oä.

Themen-Optionen

Anzeige

Hybrid-Darstellung

Nachtspiel: Countdownskript oä.

Risiko?

Berechtigungen