Javascript 在Metro应用程序中实现计时器应用程序

Javascript 在Metro应用程序中实现计时器应用程序,javascript,timer,microsoft-metro,windows-runtime,winjs,Javascript,Timer,Microsoft Metro,Windows Runtime,Winjs,我正在开发一款Metro应用程序中的游戏,其中会有一个游戏运行的初始计时器,比如说大约1分50秒,计时器会显示当前时间。如果1分50秒的时间结束,游戏将结束。它将显示一条消息,我将如何实现这种行为?您可以创建一个对象,该对象的setTimeout和clearTimeout方法设置为用户定义的值 也可以给你一些有用的信息。我想说,你可以试试这个(未经测试): 关于更多的例子,我建议您阅读。这基本上可以解决问题,尽管这是我的应用程序所做的唯一一件事,因此您的实际性能可能会有所不同,并且可能会有其他改

我正在开发一款Metro应用程序中的游戏,其中会有一个游戏运行的初始计时器,比如说大约1分50秒,计时器会显示当前时间。如果1分50秒的时间结束,游戏将结束。它将显示一条消息,我将如何实现这种行为?

您可以创建一个对象,该对象的setTimeout和clearTimeout方法设置为用户定义的值


也可以给你一些有用的信息。

我想说,你可以试试这个(未经测试):


关于更多的例子,我建议您阅读。

这基本上可以解决问题,尽管这是我的应用程序所做的唯一一件事,因此您的实际性能可能会有所不同,并且可能会有其他改进,包括风格和其他方面,您可以:

var timer = setInterval(function () {
    var div = document.getElementById('time'); // this is just a div

    // the div shows the time like this: "1:20" - 1 minute, 20 seconds
    var lastValue = div.innerText.split(':');

    var newValue = parseInt(lastValue[0]) * 60 + parseInt(lastValue[1]) + 1;

    if (newValue === 110) {
        div.innerText = "Game over!";
        clearInterval(timer);
    } else {
        div.innerText = Math.floor(newValue / 60) + ':' + newValue % 60;
    }
}, 1000);
有关更强大的功能,请查看。它看起来很接近你想要做的事情

var timer = setInterval(function () {
    var div = document.getElementById('time'); // this is just a div

    // the div shows the time like this: "1:20" - 1 minute, 20 seconds
    var lastValue = div.innerText.split(':');

    var newValue = parseInt(lastValue[0]) * 60 + parseInt(lastValue[1]) + 1;

    if (newValue === 110) {
        div.innerText = "Game over!";
        clearInterval(timer);
    } else {
        div.innerText = Math.floor(newValue / 60) + ':' + newValue % 60;
    }
}, 1000);