JQuery, setTimeout funktioniert nicht

Ich bin noch neu in JQuery, ist auf dem besten Weg, meine ajax-Beispiel zu Arbeit, die ich ins stocken geraten mit setTimeout. Habe ich es gebrochen nach unten zu, wo es sollte hinzufügen,".", um das div-jede Sekunde.

Der entsprechende code ist in zwei Dateien.

index.html

<html><head>
<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript' src='myCode.js'></script>
</head>
<body>
<div id='board'>Text</div>
</body>
</html>

und myCode.js

(function(){
   $(document).ready(function() {update();});

   function update() { 
      $("#board").append(".");
      setTimeout('update()', 1000);     }
 })();

den myCode.js die Datei funktioniert in Ordnung und "update()" läuft das erste mal durch, aber nie wieder.

InformationsquelleAutor der Frage Bolt_Head | 2009-09-30

  1. 112

    Du hast ein paar Probleme hier.

    Erstens, Sie definieren Ihren code innerhalb einer anonyme Funktion. Dieses Konstrukt:

    (function() {
  ...
)();

    macht zwei Dinge. Es definiert eine anonyme Funktion und ruft Sie auf. Es gibt Spielraum Gründe, dies zu tun, aber ich bin nicht sicher, es ist, was Sie eigentlich wollen.

    Sind Sie vorbei in einen code-block zu setTimeout(). Das problem ist, dass update() ist nicht in den Geltungsbereich, wenn Sie ausgeführt wie das. Es allerdings, wenn Sie eine Funktion Zeiger statt, damit das funktioniert:

    (function() {
  $(document).ready(function() {update();});

  function update() { 
    $("#board").append(".");
    setTimeout(update, 1000);     }
  }
)();

    da die Funktion den Zeiger update ist im Anwendungsbereich des Blocks.

    Aber wie ich schon sagte, gibt es keine Notwendigkeit für die anonym-Funktion so schreiben Sie es so:

    $(document).ready(function() {update();});

function update() { 
  $("#board").append(".");
  setTimeout(update, 1000);     }
}

    oder

    $(document).ready(function() {update();});

function update() { 
  $("#board").append(".");
  setTimeout('update()', 1000);     }
}

    und beide arbeiten. Der zweite funktioniert, weil die update() innerhalb des code-Blocks innerhalb des Aufgabenbereichs jetzt.

    Ich auch lieber die $(function() { ... } verkürzt block bilden und zu fordern, anstatt setTimeout() innerhalb update() können Sie einfach setInterval() statt:

    $(function() {
  setInterval(update, 1000);
});

function update() {
  $("#board").append(".");
}

    Hoffe das klärt, bis.

    InformationsquelleAutor der Antwort cletus

  2. 20
    setInterval(function() {
    $('#board').append('.');
}, 1000);

    Können Sie clearInterval, wenn Sie wollte aufhören, es an einer Stelle.

    InformationsquelleAutor der Antwort meder omuraliev

  3. 8

    SetTimeout verwendet wird, um Ihren code ausführen, wenn eine bestimmte Zeit so für Ihre Anforderungen die besser zu verwenden, weil setInterval wird die Funktion aufrufen jedes mal, wenn in einem bestimmten Zeitintervall.

    InformationsquelleAutor der Antwort Goysar

  4. 0

    Dies leistet das gleiche, ist aber viel einfacher:

    $(document).ready(function() {  
   $("#board").delay(1000).append(".");
});

    Können Sie Kette eine Verzögerung, bevor Sie fast jede jQuery-Methode.

    InformationsquelleAutor der Antwort Victor Stoddard

Schreibe einen Kommentar