تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

Javascript Countdown

+ إضافة رد

8 مشاركة صفحة 1 من 1


Javascript Countdown

بواسطة chris97 » الأحد مايو 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?
صورة العضو الشخصية

chris97

  • مشاركات: 26
  • اشترك في: الخميس إبريل 12, 2012 9:02 am
  • مكان: Rheinland-Pflaz

Re: Javascript Countdown

بواسطة XainPro » الاثنين مايو 07, 2012 4:11 am

Diesen Vorgang können Sie tun

CODE: تحديد الكل
<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>
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Javascript Countdown

بواسطة chris97 » الاثنين مايو 07, 2012 10:54 am

Klappt. Danke, hier wird einem immer geholfen! Großes Lob! :D
صورة العضو الشخصية

chris97

  • مشاركات: 26
  • اشترك في: الخميس إبريل 12, 2012 9:02 am
  • مكان: Rheinland-Pflaz

Re: Javascript Countdown

بواسطة XainPro » الثلاثاء مايو 08, 2012 6:45 am

Ich bin froh, dass Sie Ihr Problem zu beheben.
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Javascript Countdown

بواسطة logolive » الأحد سبتمبر 23, 2012 11:10 am

Wie würde das aussehen, wenn die Zahlen größer werden sollen? Also: 1,2,3,4...
صورة العضو الشخصية

logolive

  • مشاركات: 3
  • اشترك في: الأربعاء سبتمبر 05, 2012 12:39 pm

Re: Javascript Countdown

بواسطة XainPro » الاثنين سبتمبر 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>
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm

Re: Javascript Countdown

بواسطة Yubii » السبت ديسمبر 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?
صورة العضو الشخصية

Yubii

  • مشاركات: 1
  • اشترك في: السبت ديسمبر 22, 2012 11:43 am

Re: Javascript Countdown

بواسطة JavaLava » الأحد يناير 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>
صورة العضو الشخصية

JavaLava

  • مشاركات: 1
  • اشترك في: الأحد يناير 20, 2013 4:05 pm


+ إضافة رد

صفحة 1 من 1