脚本结束 JavaScript/HTML 时替换窗口 [重复]

Question

有没有办法插入：

location.replace("https://www.google.com");

在我的 javascript 中的所有函数都运行之后，也就是我的脚本何时结束？我尝试将它放在脚本的不同部分，但它只是立即替换它。 这是我目前的脚本（对不起，它是一个文字冒险游戏太长了）：

var currentFrame = 0;
var images = document.getElementById("images"); 
var text = document.getElementById("text"); 
var buttonBox = document.getElementById('buttonBox');
var input = document.getElementById('input');
//this is the variable for the name of the character
var yerdog;



//this is how after we type in the character name and hit enter
//we will add the name to the variable, remove the input box and start our first scenario
input.onkeypress = function(event) {
  console.log(input.value);
  if (event.key == "Enter" || event.keyCode == 13) {
    yerdog =  input.value;
    input.parentNode.removeChild(input)
    advanceTo(scenario.two)
  }
};


//this changes the text and puts in your characters name
var changeText = function(words) {
  text.innerHTML = words.replace("Your dog", yerdog);
};

//this takes the image link and puts it in the proper format, sending it to the html
var changeImage = function(img) {
  images.style.backgroundImage = "url(" + img + ")";
};


//this looks at the number of options we have set and creates enough buttons 
var changeButtons = function(buttonList) {
  buttonBox.innerHTML = "";
  for (var i = 0; i < buttonList.length; i++) {
    buttonBox.innerHTML += "<button onClick="+buttonList[i][1]+">" + buttonList[i][0] + "</button>";
  };
};

//this is what moves the game along
var advanceTo = function() {
  if (currentFrame >= scenario.length) {
    //finish the game code here:
    location.replace("https://www.google.com");
  }
  
  var s = scenario[currentFrame];
  changeImage(s.image)
  changeText(s.text)
  changeButtons(s.buttons)
};


var scenario = [
  one: {
    image: "https://s9.postimg.org/eceo9mp73/5860028206_d66810105f_b.jpg", //dog
    text: "You have finally decided to take your dog out for a walk. You smile and pat your trusty companion's head. What the dog's name?\n",
  },

  
];
input.onkeypress = function(event) {
  console.log(input.value);
  if (event.key == "Enter" || event.keyCode == 13) {
    yerdog =  input.value;
    input.parentNode.removeChild(input)
    currentFrame = currentFrame + 1;  // <--- here
    advanceTo() // <-- and here
  }
};

//this is the code that starts the game
advanceTo(scenario.one);

Answer 1

var currentFrame = 0;
var images = document.getElementById("images"); 
var text = document.getElementById("text"); 
var buttonBox = document.getElementById('buttonBox');
var input = document.getElementById('input');
//this is the variable for the name of the character
var yerdog;


var scenario = [
{
    image: "https://s9.postimg.org/eceo9mp73/5860028206_d66810105f_b.jpg", //dog
    text: "You have finally decided to take your dog out for a walk. You smile and pat your trusty companion's head. What the dog's name?\n",
    buttons: [],
  },
]


//this changes the text and puts in your characters name
var changeText = function(words) {
  text.innerHTML = words.replace("Your dog", yerdog);
};

//this takes the image link and puts it in the proper format, sending it to the html
var changeImage = function(img) {
  images.style.backgroundImage = "url(" + img + ")";
};


//this looks at the number of options we have set and creates enough buttons 
var changeButtons = function(buttonList) {
  buttonBox.innerHTML = "";
  for (var i = 0; i < buttonList.length; i++) {
    buttonBox.innerHTML += "<button onClick="+buttonList[i][1]+">" + buttonList[i][0] + "</button>";
  }
};

//this is what moves the game along
var advanceTo = function() {
  if (currentFrame >= scenario.length) {
    //finish the game code here:
    console.log("end of the game");
    //location.replace("https://www.google.com"); // uncomment on your page
    return;
  }
  var s = scenario[currentFrame];
  changeImage(s.image)
  changeText(s.text)
  changeButtons(s.buttons)
};



input.onkeypress = function(event) {
  console.log(input.value);
  if (event.key == "Enter" || event.keyCode == 13) {
    yerdog =  input.value;
    input.parentNode.removeChild(input)
    currentFrame = currentFrame + 1;  // <--- here
    advanceTo() // <-- and here
  }
};

//this is the code that starts the game
advanceTo();

<div id="images"></div>
<div id="text"></div>
<div id="buttonBox"></div>
<input type="text" id="input"/>

根据您发布的代码，您有 3 个重要部分：

• advanceTo 函数
• input.onkeypress 事件
• 场景列表

为此，我可以建议以下两种更改之一：

• 将场景更改为数组（当没有更多元素时结束并调用replace）
• 添加一个end 场景（调用replace）

数组方法：

您可以将场景更改为数组而不是对象：

var scenario = [
  {
    image: "https://s9.postimg.org/eceo9mp73/5860028206_d66810105f_b.jpg", //dog
    text: "You have finally decided to take your dog out for a walk. You smile and pat your trusty companion's head. What the dog's name?\n",
  },
  {
    image: "https://s9.postimg.org/eceo9mp73/5860028206_d66810105f_b.jpg", //dog
    text: "You have finally decided to take your dog out for a walk. You smile and pat your trusty companion's head. What the dog's name?\n",
  },
]

还将当前帧存储在一个变量中（我建议在您的代码顶部）：

var currentFrame = 0;

所以你可以调用AdvanceTo并开始游戏（我们不再传递索引，因为它存储在currentFrame变量中：

advanceTo()

把进阶的逻辑稍微改一下：

var advanceTo = function() {
  if (currentFrame >= scenario.length) {
    //finish the game code here:
    location.replace("https://www.google.com");
    return;
  }
  
  var s = scenario[currentFrame];
  changeImage(s.image)
  changeText(s.text)
  changeButtons(s.buttons)
};

最后，你需要改变你的input.onkeypress事件：

input.onkeypress = function(event) {
  console.log(input.value);
  if (event.key == "Enter" || event.keyCode == 13) {
    yerdog =  input.value;
    input.parentNode.removeChild(input)
    currentFrame = currentFrame + 1;  // <--- here
    advanceTo() // <-- and here
  }
};

Answer 2

你可以使用 ifelse 语句以及它的超时时间

setTimeout ( "location()", 5000 );

function location( )
{
  location.replace("https://www.google.com");  
}