Erstellen von benutzerdefinierten Funktion setTimeout()

Question

var td = { 
setTimeout: function(callback, ms){ 
var dt = new Date(); 
    var i = dt.getTime(), future = i+ms; 
    while(i<=future){ 
     if(i === future){ 
     callback(); 
     } 
     // i = dt.getTime(); 
     i++; 
    } 
} 
}; 
td.setTimeout(function(){ 
    console.log("Hello"); // executes immediately 
}, 3000); 

Das Problem bei diesem Ansatz ist, dass am Ende des während der Block I den Wert von i-i + 1 bin Einstellung, die ich denke, sollte auf dem aktuellen Zeitstempel gesetzt werden (dt.getTime()) Auf diese Weise kann future (ein Zeitstempelwert, bei dem die Callback-Funktion ausgeführt werden soll) mit dem aktuellen Zeitstempel verglichen werden, der der Wert i ist.

Aber wenn ich i++ Kommentar und Kommentar- diese Zeile:

i = dt.getTime();

und das Skript ausführen, der Browser friert ein. Gibt es eine Möglichkeit, eine setTimout() Methode zu erstellen, die dem gleichen Zweck wie window.setTimeout() dienen würde?

Answer 1

Das Problem mit Ihrem Code ist, dass dt.getTime() immer den gleichen Wert zurückgibt (nämlich die Zeit, wenn das dt Objekt erstellt wurde. Um diese Arbeit zu machen, Sie

dt = new Date(); 

tun müssen, bevor Sie setzen

i = dt.getTime();