jquery在函数之间传递var,而不使用全局var或函数外部的var
我需要将currentQuest.options传递给showResult函数,而不在这些函数之外声明全局变量或变量 可能吗?我读过其他类似的问题,但所有正确的答案都使用了全局变量jquery在函数之间传递var,而不使用全局var或函数外部的var,jquery,Jquery,我需要将currentQuest.options传递给showResult函数,而不在这些函数之外声明全局变量或变量 可能吗?我读过其他类似的问题,但所有正确的答案都使用了全局变量 var pool = { q1: { question: "This is question number 1", options: ["Option 1", "Option 2", "Option 3", "Option 4"],
var pool = {
q1: {
question: "This is question number 1",
options: ["Option 1", "Option 2", "Option 3", "Option 4"],
answer: 0, //answer uses property option key
used: false
},
q2: {
/*...*/
},
/*...just more q here...*/
}
//choose a random question
function randomQuest(obj) {
var keys = Object.keys(obj);
return obj[keys[keys.length * Math.random() << 0]];
}
//show question and options
function showQuest() {
var currentQuest = randomQuest(pool);
$(".answer").html(""); //clear old answer
$(".question").html(currentQuest.question);
$(".options").html(currentQuest.options);
currentQuest.used = true; //mark question used
console.log(currentQuest.question);
console.log("used? ", currentQuest.used);
}
function showResult() {
$(".question").html("");
$(".options").html("");
var x = currentQuest.answer;
$(".answer").html("Here is the answer " + currentQuest.options[x]); //how to pass currentQuest here?
}
function timer() {
var seconds = 4;
var interval = setInterval(function() {
seconds--;
$(".timer").html("<p>Time remaining: " + seconds + " s</p>");
if (seconds == 0) {
clearInterval(interval);
showResult();
}
}, 1000);
}
//when click start game
$(".btn").on("click", function() {
timer();
showQuest();
});
var池={
问题1:{
问题:“这是问题1”,
选项:[“选项1”、“选项2”、“选项3”、“选项4”],
回答:0,//回答使用属性选项键
用法:false
},
问题2:{
/*...*/
},
/*…这里有更多的问题*/
}
//随机选择一个问题
函数随机任务(obj){
var keys=Object.keys(obj);
return obj[keys[keys.length*Math.random()启动计时器,显示第一个问题(从池中随机选择)
当计时器点击0时,显示结果,等待几秒钟,重置计时器,显示另一个问题,再次启动计时器。您可以使用功能参数来实现这一点
function showQuest(currentQuest) {
$(".answer").html(""); //clear old answer
$(".question").html(currentQuest.question);
$(".options").html(currentQuest.options);
currentQuest.used = true; //mark question used
console.log(currentQuest.question);
console.log("used? ", currentQuest.used);
}
function showResult(currentQuest) {
$(".question").html("");
$(".options").html("");
var x = currentQuest.answer;
$(".answer").html("Here is the answer " + currentQuest.options[x]); //how to pass currentQuest here?
}
function timer(currentQuest) {
var seconds = 4;
var interval = setInterval(function() {
seconds--;
$(".timer").html("<p>Time remaining: " + seconds + " s</p>");
if (seconds == 0) {
clearInterval(interval);
showResult(currentQuest);
}
}, 1000);
}
//when click start game
$(".btn").on("click", function() {
var currentQuest = randomQuest(pool);
timer(currentQuest);
showQuest(currentQuest);
});
谢谢Ghasan Al-Sakkaf的建议。但是,这样做意味着问题不会在计时器点击0后随机生成。它只在第一次单击按钮时起作用。非常感谢Ghasan Al-Sakkaf!顺便问一下,你知道我如何从池中生成一个随机问题,但使用过的问题不会再次被选中吗?
// From MDN
function getRandomInt(min, max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function randomQuest(obj) {
var keys = Object.keys(obj);
return obj[keys[getRandomInt(0, keys.length)]];
}