setTimeout() mit ausgabe der Zeit

LeCub · 22 August 2015

Ich würde gerne eine Funktion mit setTimeout() ausführen und währendessen den Countdown bis zur Ausführung anzeigen, wie es z.B hier beim ersten Beispiel gemacht wurde: http://www.mediaevent.de/javascript/animation.html
Habe das jetzt mal in der Hoffnung dass das geht so gemacht:

HTML:

<!Doctype html>
<html>
    <section id="main">
<input type="button" value="Funktion ausführen" onclick="start()">
    </section>
    <script>
    function start() {
        var count = setTimeout('document.getElementById("main").style.background = "#2980b9"', 3000);
        document.getElementById('main').innerHTML = count;
    }
    </script>
</html>

War natürlich nur ein Versuch und hat selbstverständlich nicht geklappt. Kann mir jemand sagen wie Ich den Countdown anzeigen kann?

thecain · 23 August 2015

guck doch den code von der seite an...

Code:

document.getElementById("wart").onclick = function() {
    hellokong = setTimeout (showKong, 5000); 
    document.getElementById("stop").style.display="block";
    document.getElementById("w1").style.display="block";
    countint = setInterval (countDown,1000);
};

Tronjer · 23 August 2015

LeCub schrieb:
Kann mir jemand sagen wie Ich den Countdown anzeigen kann?

So zum Beispiel. Hier wird die innere Funktion von der äußeren aufgerufen.

Code:

<div id="foo"></div>

var counter = (function() {
  var count = function(i) {
    document.querySelector("#foo").innerHTML = i;
    if  (i  >  0) {
      setTimeout(function() { count(i-1); },1000)
    }
  };
  return count;
})();

counter(5);

Aber wenn du jetzt neu in JS bist, dann vergiss das, ebenso wie dein Tutorial und fokussiere dich statt dessen auf jQuery. Das ist zugänglicher und deckt nahezu alles ab, was du benötigst.

LeCub · 24 August 2015

@thecain Haha stimmt eigentlich. Dumm von mir

Tronjer schrieb:
Aber wenn du jetzt neu in JS bist, dann vergiss das, ebenso wie dein Tutorial und fokussiere dich statt dessen auf jQuery

Bin weder neu noch ist das mein Tutorial, is nur für ein privates Programm von mir und auch das einzige JS in dem Programm

Tronjer · 24 August 2015

Da nimm es als Beispiel für einen rekursive Funktion in JavaScript.

setTimeout() mit ausgabe der Zeit

LeCub

Aktives Mitglied

thecain

Aktives Mitglied

Tronjer

Senior HTML'ler

LeCub

Aktives Mitglied

Tronjer

Senior HTML'ler

Neueste Beiträge