Javascript - SetTimeOut 未按預期工作

Question

我一直在嘗試制作一個游戲作為課堂練習，我想使用“SetTimeOut”在它上面添加一個“計時器”。

如果計時器達到 0，游戲應該立即結束，但顯然時間在游戲結束時開始計時，而不是在游戲開始時開始計時。

在此示例中，我僅出於測試目的設置了 4000 毫秒。

這是我的代碼：

var questions = [
{ letter: "a", answer: "abducir", status: 0, question: ("CON LA A. Dicho de una supuesta criatura extraterrestre: Apoderarse de alguien"), question1:("CON LA A. No murado, no cercado o no cerrado"),answer1:"abierto" },
{ letter: "b", answer: "bingo", status: 0, question: ("CON LA B. Juego que ha sacado de quicio a todos los 'Skylabers' en las sesiones de precurso"), question1:("CON LA B. Herramienta formada por una barra metálica con la punta en espiral, para hacer agujeros en material duro"),answer1:"broca" },
{ letter: "c", answer: "churumbel", status: 0, question: ("CON LA C. Niño, crío, bebé"), question1:("CON LA C. Cosa apreciable que se adquiere a poca costa"),answer1:"chollo" },
{ letter: "d", answer: "diarrea", status: 0, question: ("CON LA D. Anormalidad en la función del aparato digestivo caracterizada por frecuentes evacuaciones y su consistencia líquida"), question1:("CON LA D. Conjunto de dientes, muelas y colmillos que tiene en la boca una persona o un animal"),answer1: "dentadura"},
{ letter: "e", answer: "ectoplasma", status: 0, question: ("CON LA E. Gelatinoso y se encuentra debajo de la membrana plasmática. Los cazafantasmas medían su radiación"), question1:("CON LA E. Hacer uso por primera vez de algo"),answer1:"estrenar" },
{ letter: "f", answer: "facil", status: 0, question: ("CON LA F. Que no requiere gran esfuerzo, capacidad o dificultad"), question1:("CON LA F. Tratamiento de las enfermedades o lesiones por medio de elementos mecánicos, como el masaje o la gimnasia"),answer1: "fisioterapia"},
{ letter: "g", answer: "galaxia", status: 0, question: ("CON LA G. Conjunto enorme de estrellas, polvo interestelar, gases y partículas"), question1:("CON LA G.  Gran porción de mar que se interna en la tierra entre dos cabos"),answer1:"golfo" },
{ letter: "h", answer: "harakiri", status: 0, question: ("CON LA H. Suicidio ritual japonés por desentrañamiento"), question1:("CON LA H. Restablecer el grado de humedad normal de la piel u otros tejidos"),answer1:"hidratar" },
{ letter: "i", answer: "iglesia", status: 0, question: ("CON LA I. Templo cristiano"), question1:("CON LA I. País europeo con capital en Dublín"),answer1:"irlanda" },
{ letter: "j", answer: "jabali", status: 0, question: ("CON LA J. Variedad salvaje del cerdo que sale en la película 'El Rey León', de nombre Pumba"), question1:("CON LA J. Grupo musical de funk que en 1996 publicó el álbum Travelling without Moving"),answer1:"jamiroquai" },
{ letter: "k", answer: "kamikaze", status: 0, question: ("CON LA K. Persona que se juega la vida realizando una acción temeraria"), question1:("CON LA K. Arte marcial"),answer1:"karate" },
{ letter: "l", answer: "licantropo", status: 0, question: ("CON LA L. Hombre lobo"), question1:("CON LA L. Viento procedente del este"),answer1:"levante" },
{ letter: "m", answer: "misantropo", status: 0, question: ("CON LA M. Persona que huye del trato con otras personas o siente gran aversión hacia ellas"), question1:("CON LA M. Persona que, por su humor tétrico, manifiesta aversión al trato humano"),answer1:"misantropo" },
{ letter: "n", answer: "necedad", status: 0, question: ("CON LA N. Demostración de poca inteligencia"), question1:("CON LA N. Natural del país europeo con capital en Oslo"),answer1:"noruego" },
{ letter: "ñ", answer: "señal", status: 0, question: ("CONTIENE LA Ñ. Indicio que permite deducir algo de lo que no se tiene un conocimiento directo.") , question1:("CONTIENE LA Ñ. Día futuro"),answer1:"mañana"},
{ letter: "o", answer: "orco", status: 0, question: ("CON LA O. Humanoide fantástico de apariencia terrible y bestial, piel de color verde creada por el escritor Tolkien"), question1:("CON LA O. Anticuado, inadecuado a las circunstancias actuales"),answer1:"obsoleto" },
{ letter: "p", answer: "protoss", status: 0, question: ("CON LA P. Raza ancestral tecnológicamente avanzada que se caracteriza por sus grandes poderes psíonicos del videojuego StarCraft"), question1:("CON LA P. Se dice de un niño de muy corta edad"),answer1:"pequeño" },
{ letter: "q", answer: "queso", status: 0, question: ("CON LA Q. Producto obtenido por la maduración de la cuajada de la leche"), question1:("Contiene la Q. Sitio poblado de árboles y matas"),answer1:"bosque" },
{ letter: "r", answer: "raton", status: 0, question: ("CON LA R. Roedor"), question1:("CON LA R. Espacio cercado en que combaten los boxeadores"),answer1:"ring" },
{ letter: "s", answer: "stackoverflow", status: 0, question: ("CON LA S. Comunidad salvadora de todo desarrollador informático"), question1:("CON LA S. Falta de ruido"),answer1:"silencio" },
{ letter: "t", answer: "terminator", status: 0, question: ("CON LA T. Película del director James Cameron que consolidó a Arnold Schwarzenegger como actor en 1984"), question1:("CON LA T. Silicato de magnesia que, en forma de polvo, se utiliza para la higiene y en la industria cosmética"),answer1:"talco" },
{ letter: "u", answer: "unamuno", status: 0, question: ("CON LA U. Escritor y filósofo español de la generación del 98 autor del libro 'Niebla' en 1914"), question1:("CON LA U. Apoderarse de una propiedad o de un derecho que legítimamente pertenece a otro, por lo general con violencia"),answer1:"usurpar" },
{ letter: "v", answer: "vikingos", status: 0, question: ("CON LA V. Nombre dado a los miembros de los pueblos nórdicos originarios de Escandinavia, famosos por sus incursiones y pillajes en Europa"), question1:("CON LA V. Día que antecede inmediatamente a otro determinado, especialmente si es fiesta"),answer1:"vispera" },
{ letter: "w", answer: "sandwich", status: 0, question: ("CONTIENE LA W. Emparedado hecho con dos rebanadas de pan entre las cuales se coloca jamón y queso"), question1:("CONTIENE LA W. Campo de concentración alemán"),answer1: "auswitchz"},
{ letter: "x", answer: "botox", status: 0, question: ("CONTIENE LA X. Toxina bacteriana utilizada en cirujía estética"), question1:("Contiene la X. Hacer flexible algo, darle flexibilidad"),answer1:"flexibilizar" },
{ letter: "y", answer: "peyote", status: 0, question: ("CONTIENE LA Y. Pequeño cáctus conocido por sus alcaloides psicoactivos utilizado de forma ritual y medicinal por indígenas americanos"), question1:("Contiene la Y.  Nombre propio del realizador que dirigió la película Revolver en 2005"),answer1:"guy" },
{ letter: "z", answer: "zen", status: 0, question: ("CON LA Z. Escuela de budismo que busca la experiencia de la sabiduría más allá del discurso racional"), question1:("CON LA Z. Segunda persona de singular del pretérito perfecto simple de indicativo del verbo zanjar"),answer1:"zanjaste" },
];
var ranking=[];
var board=[];
var answers=[];
for (var i in questions) {
  var random=Math.round(Math.random());
  if (random===0) {
board.push("question");
answers.push("answer");
}
  else {
    board.push("question1");
    answers.push("answer1");
  }
}
function compare(a,b) {

  if (a.puntuacion < b.puntuacion )
    return 1;
  else if (a.puntuacion > b.puntuacion)
    return -1;
  else 
    return 0;
}

function pasapalabra() {
var playername=prompt("Bienvenido a Pasapalabra. Puedes indicar tu 
nombre?");
var puntuacion=0;
var totalstatus=0;
alert("De acuerdo "+playername+", empecemos!");
setTimeout(function(){
    alert("Se acabó tu tiempo!");
    totalstatus=questions.length+1;
}, 4000);
while (totalstatus<questions.length) {
    for (var x=0;x<questions.length;x++) {
        if (questions[x].status===0) {
          if (board[x]=="question") {
            var answer=prompt(questions[x].question).toLowerCase();
            if (answer==questions[x].answer) {
                alert("Respuesta correcta!");
                puntuacion+=1;
                questions[x].status=1;
                totalstatus+=1;
            }
            else if (answer=="pasapalabra") {

            }
            else if (answer=="end") {
                totalstatus=questions.length+1;
                break;
            }
            else {
                alert("Incorrecto!");
                questions[x].status=1;
                totalstatus+=1;
          }
            }
            else {
              var answer1=prompt(questions[x].question1).toLowerCase();
            if (answer1==questions[x].answer1) {
                alert("Respuesta correcta!");
                puntuacion+=1;
                questions[x].status=1;
                totalstatus+=1;
            }
            else if (answer1=="pasapalabra") {

            }
            else if (answer1=="end") {
                totalstatus=questions.length+1;
                break;
            }
            else {
                alert("Incorrecto!");
                questions[x].status=1;
                totalstatus+=1;
          }
            }
        }
    }
}
alert("Fin del juego! Tu puntuación total es de "+puntuacion+" puntos!");

if (totalstatus==questions.length) {
  ranking.push({jugador: playername, puntuacion: puntuacion});
}
console.log(ranking.sort(compare));
}



pasapalabra();

Answer 1

問題是特別是在帕薩帕拉布拉（pasapalabra）中setTimeout和setTimeout的回調的執行被prompt和alert調用延遲了。 這些調用是同步的，因此它們在執行其余功能之前正在等待用戶的操作。 您可能知道，異步代碼在同步代碼之后運行（非常簡單），因此，由於您從一開始就觸發了太多警報和提示，因此結束游戲的回調有機會在用戶擺脫后更晚運行所有“同步”對話框中。

因此，首先您可以考慮先在“ main”函數中運行該setTimeout ，其次，擺脫這么多警報和提示並創建一些UI會很好，這樣就不會阻止執行並且對話框不會堆那么多。 對話框的局限性在於一次只能顯示一個。

Answer 2

El problema es que la ejecución de setTimeout y la devolución de llamada de setTimeout en special en pasapalabra se retrasa por las llamadas de aviso y alerta。 Esas llamadas 兒子 sincrónicas, por lo que esperan la acción del usuario antes de que se ejecute el resto de la función。 Como probablemente sepa, el código asincrónico se ejecuta después del sincrónico (dicho de manera muy simple) y, por lo tanto, debido a que activa demasiadas alertas y avios desde el principio, la devolución de la devolución de la devolución de za mucho más tarde después de que el usuario se deshaga。 de todos los diálogos "síncronos"。

Entonces, en lugar, podría thinkar ejecutar ese setTimeout primeo en la función "principal", en segundo lugar, sería bueno deshacerse de tantas alertas y mensajes y crear una interfaz de usuario en su lugar, paracique no la對話沒有 se bloqueen。 t apilar tanto。 Los cuadros de diálogo también están limitados porque solo se muestra uno a la vez。