Anmelden | Registrieren | FAQ
Anonymous

Javascript Countdown

+ Antwort erstellen

8 Beiträge Seite 1 von 1


Javascript Countdown

von chris97 » So Mai 06, 2012 9:06 am

Ich möchte einen Countdown von 8 bis 0 erstellen. Dabei soll die letzte Zahl immer wieder durch die neue Zahl ersetzt werden. Also so:
8-> 7 -> 6 -> 5 ..... ->0

Geht sowas? Und wenn ja, wie geht das?
Benutzeravatar

chris97

  • Beiträge: 26
  • Registriert: Do Apr 12, 2012 9:02 am
  • Wohnort: Rheinland-Pflaz

Re: Javascript Countdown

von XainPro » Mo Mai 07, 2012 4:11 am

Diesen Vorgang können Sie tun

Code: Alles auswählen
<html>
<head>
<script type="text/javascript">
var i = 8;

var t=setInterval("countDownStart()",1000);

function countDownStart()
{
   if(i <= -1) {
      clearInterval(t);
      exit;
      }
document.getElementById("countdown").innerHTML = i--
}
</script>
<title>Countdown Javascript Test For html.net</title>
</head>

<body>
<div id="countdown"> </div>
</body>

</html>
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

Re: Javascript Countdown

von chris97 » Mo Mai 07, 2012 10:54 am

Klappt. Danke, hier wird einem immer geholfen! Großes Lob! :D
Benutzeravatar

chris97

  • Beiträge: 26
  • Registriert: Do Apr 12, 2012 9:02 am
  • Wohnort: Rheinland-Pflaz

Re: Javascript Countdown

von XainPro » Di Mai 08, 2012 6:45 am

Ich bin froh, dass Sie Ihr Problem zu beheben.
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

Re: Javascript Countdown

von logolive » So Sep 23, 2012 11:10 am

Wie würde das aussehen, wenn die Zahlen größer werden sollen? Also: 1,2,3,4...
Benutzeravatar

logolive

  • Beiträge: 3
  • Registriert: Mi Sep 05, 2012 12:39 pm

Re: Javascript Countdown

von XainPro » Mo Sep 24, 2012 5:53 pm

<html>
<head>
<script type="text/javascript">
var i = 100;

var t=setInterval("countDownStart()",1000);

function countDownStart()
{
if(i >= 101) {
clearInterval(t);
exit;
}
document.getElementById("countdown").innerHTML = i++
}
</script>
<title>Countdown Javascript Test For html.net</title>
</head>

<body>
<div id="countdown"> </div>
</body>

</html>
Benutzeravatar

XainPro

  • Beiträge: 3933
  • Registriert: Fr Feb 17, 2012 8:10 pm

Re: Javascript Countdown

von Yubii » Sa Dez 22, 2012 11:47 am

Wäre jemand so Nett und würde einen Countdown erstellen der stunden min und sek abdeckt und trzdem recht simpel ist?
Benutzeravatar

Yubii

  • Beiträge: 1
  • Registriert: Sa Dez 22, 2012 11:43 am

Re: Javascript Countdown

von JavaLava » So Jan 20, 2013 4:08 pm

<html>
<head>
<script>
<!--
var stunden = 0;
var minuten = 0;
var sekunden = 0;
var Datum = new Date();
// diese Variablen dürfen nicht in der selben Funktion
// bei jedem Aufruf neu dekliniert werden.


// var stunden = ((minuten > 60) ? + 1 : 1);
// var minuten = ((sekunden > 60) ? + 1 : 1);
// var sekunden = ((milli > 999) ? + 1 : 1);
// Die Millisekunden können NIE größer als 999 sein, da sie dann wieder
// zu 0 wechseln. Das gleiche gilt für die sekunden und minuten.

function uhr ()
{
var AktuellesDatum = new Date();
var Vergangen = new Date (AktuellesDatum - Datum);
var milli = Vergangen.getMilliseconds();
var sekunden = Vergangen.getSeconds();
var minuten = Vergangen.getMinutes();
var stunden = Vergangen.getHours() - 1;



window.document.Datum.Time.value=stunden+":"+minuten+":"+sekunden+":"+milli;

window.setTimeout ('uhr()',1);
}
-->
</script>
</head>
<body>
<FORM NAME="Datum">
<INPUT SIZE=10 NAME="Time" class="field">
<br>
<br>
<input value="Start" type="button" onClick="uhr()" class="field">
<br>
So denke mal das kann man so lassen :D
</form>
</body>
</html>
Benutzeravatar

JavaLava

  • Beiträge: 1
  • Registriert: So Jan 20, 2013 4:05 pm


+ Antwort erstellen

Seite 1 von 1