在多个警报和提示后使用计时器
Using timer behind multiple alerts and prompts
我有一个游戏,我只使用纯 javascript。它不是 GUI,更像是旧的命令行游戏,并使用提示输入。
它的主要组成部分之一是时钟,以小时表示,可以用命令"time"检查并告诉他们变量"time"的值。这是代码:
var timestrt = 1;
var timer = setInterval(function(){timestrt++;return timestrt;}, 86000); var time = timestrt;
经过测试,我发现时钟没有变化。所以我将它设置为 10 秒而不是 86 以确保我等待的时间足够长,但它仍然不想工作
我知道这可能是由提示和不断的警报引起的,但我什至不确定从哪里开始解决。
有什么想法吗?
编辑:是否可以
1. 从外部页面检索计时器
2. 将其与实际时钟进行实时比较或
3。在后台使用动画gif时钟并计算某些像素的位置作为时间?
不要使用本机提示和对话框,因为它们会停止脚本执行时间。而是使用模拟的,例如 jQuery IU has prompts and dialog boxes that do not stop execution. Here is an example of that:
$(function() {
$( "#dialog" ).dialog();
var timestrt = 1;
var timer = setInterval(function(){
timestrt++;
var time = timestrt;
$("#time").text(time);
}, 1000);
});
这是我的解决方法:
这段代码在提示开始之前被调用:
function initTime() {
var now = new Date();
stS = now.getSeconds();
stM = now.getMinutes();
stH = now.getHours();
}
提示完成后调用:
function computeTime() {
var now = new Date();
var reS = now.getSeconds();
var reM = now.getMinutes();
var reH = now.getHours();
var elapS = reS - stS;
var elapM = reM - stM;
var elapH = reH - stH;
if (elapM < 0) {
reM = reM + 60;
elapM = reM - stM;
}
if (elapS < 0) {
reS = reS + 60;
elapS = reS - stS;
}
然后我将它转换为秒,以便于检查:
var finalH = elapH * 3600;
var finalM = elapM * 60;
var finalS = finalM + elapS + finalH;
和check/change时间变量基于经过了多少组86秒:
if (finalS > 86 && finalS < 172) {
time = 1;
}
if (finalS > 172 && finalS < 258) {
time = 2;
}
if (finalS > 258 && finalS < 344) {
time = 3;
}
if (finalS > 344 && finalS < 430) {
time = 4;
}
if (finalS > 430 && finalS < 516) {
time = 5;
}
if (finalS > 516) {
time = 6;
alert('5 A.M.');
alert('A clock is chiming...');
alert('6 A.M.');
playing = false;
alert('Thanks for playing! Goodbye!');
}
这是我在多个提示和警报后面使用 setinterval/timer 的替代方法。最后一部分可能不需要,但由于它回答了我最初的问题,所以我将其包括在内。
我有一个游戏,我只使用纯 javascript。它不是 GUI,更像是旧的命令行游戏,并使用提示输入。
它的主要组成部分之一是时钟,以小时表示,可以用命令"time"检查并告诉他们变量"time"的值。这是代码:
var timestrt = 1;
var timer = setInterval(function(){timestrt++;return timestrt;}, 86000); var time = timestrt;
经过测试,我发现时钟没有变化。所以我将它设置为 10 秒而不是 86 以确保我等待的时间足够长,但它仍然不想工作
我知道这可能是由提示和不断的警报引起的,但我什至不确定从哪里开始解决。 有什么想法吗?
编辑:是否可以
1. 从外部页面检索计时器
2. 将其与实际时钟进行实时比较或
3。在后台使用动画gif时钟并计算某些像素的位置作为时间?
不要使用本机提示和对话框,因为它们会停止脚本执行时间。而是使用模拟的,例如 jQuery IU has prompts and dialog boxes that do not stop execution. Here is an example of that:
$(function() {
$( "#dialog" ).dialog();
var timestrt = 1;
var timer = setInterval(function(){
timestrt++;
var time = timestrt;
$("#time").text(time);
}, 1000);
});
这是我的解决方法:
这段代码在提示开始之前被调用:
function initTime() {
var now = new Date();
stS = now.getSeconds();
stM = now.getMinutes();
stH = now.getHours();
}
提示完成后调用:
function computeTime() {
var now = new Date();
var reS = now.getSeconds();
var reM = now.getMinutes();
var reH = now.getHours();
var elapS = reS - stS;
var elapM = reM - stM;
var elapH = reH - stH;
if (elapM < 0) {
reM = reM + 60;
elapM = reM - stM;
}
if (elapS < 0) {
reS = reS + 60;
elapS = reS - stS;
}
然后我将它转换为秒,以便于检查:
var finalH = elapH * 3600;
var finalM = elapM * 60;
var finalS = finalM + elapS + finalH;
和check/change时间变量基于经过了多少组86秒:
if (finalS > 86 && finalS < 172) {
time = 1;
}
if (finalS > 172 && finalS < 258) {
time = 2;
}
if (finalS > 258 && finalS < 344) {
time = 3;
}
if (finalS > 344 && finalS < 430) {
time = 4;
}
if (finalS > 430 && finalS < 516) {
time = 5;
}
if (finalS > 516) {
time = 6;
alert('5 A.M.');
alert('A clock is chiming...');
alert('6 A.M.');
playing = false;
alert('Thanks for playing! Goodbye!');
}
这是我在多个提示和警报后面使用 setinterval/timer 的替代方法。最后一部分可能不需要,但由于它回答了我最初的问题,所以我将其包括在内。