在多个警报和提示后面使用计时器

时间:2015-03-09 16:26:27

标签: javascript setinterval

我有一个只使用纯javascript制作的游戏。而不是GUI,它更像旧的命令行游戏,并使用提示输入。

它的一个主要组成部分是Clock,以小时表示,可以使用命令“time”进行检查,并告诉它们变量“time”的值。这是代码:

var timestrt = 1;
var timer = setInterval(function(){timestrt++;return timestrt;}, 86000); var time = timestrt;

经过测试,我意识到时钟没有变化。所以我把它设置为10秒而不是86秒,以确保我等待的时间足够长,但它仍然不想工作

我知道这可能是由提示和持续警报引起的,但我不确定哪里可以开始寻找解决方法。 有什么想法吗?

编辑:是否可以为 1.从外部页面检索计时器
2.将其与实时时钟或实时时钟进行比较。在背景中使用动画gif时钟并计算某些像素的位置作为时间?

2 个答案:

答案 0 :(得分:0)

不要使用本机提示和对话框,因为它们会停止脚本执行时间。而是使用模拟的,例如jQuery IU具有不停止执行的提示和对话框。 Here is an example of that

$(function() {
    $( "#dialog" ).dialog();

    var timestrt = 1;
    var timer = setInterval(function(){
      timestrt++;
      var time = timestrt;
      $("#time").text(time);
    }, 1000);    

});

答案 1 :(得分:0)

以下是我的解决方法:

在启动提示之前调用此代码:

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;

根据经过的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的替代方法。最后一部分可能不需要,但由于它回答了我原来的问题,我把它包括在内。