Javascript 在Metro应用程序中实现计时器应用程序
我正在开发一款Metro应用程序中的游戏,其中会有一个游戏运行的初始计时器,比如说大约1分50秒,计时器会显示当前时间。如果1分50秒的时间结束,游戏将结束。它将显示一条消息,我将如何实现这种行为?您可以创建一个对象,该对象的setTimeout和clearTimeout方法设置为用户定义的值Javascript 在Metro应用程序中实现计时器应用程序,javascript,timer,microsoft-metro,windows-runtime,winjs,Javascript,Timer,Microsoft Metro,Windows Runtime,Winjs,我正在开发一款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);