视频: 22.15 H5 交互动画类H5制作 2024
时间的流逝往往是HTML5游戏中的一个元素。赛车游戏都是关于速度，或者你可能有执行一些任务的时间限制。 simpleGame库包含一个非常方便的计时器对象，可以让您轻松管理时间。 Timer对象是像其他任何JavaScript对象一样创建的。它有三种方法：
-
reset（）：该函数初始化定时器并启动经过时间计数器。
<！ --1 - > -
getCurrentTime（）：该函数返回调用时的当前系统时间。 （请注意，时间是一个特殊的整数格式，不会被读者识别。）
-
getElapsedTime（）：返回自定时器创建或上次重置（以较近者为准）以来的秒数， 。在JavaScript和大多数其他语言中，日期和时间信息通常以特殊的整数格式存储。实际上，时间被视为一个巨大的整数，显示自1970年1月1日午夜以来的毫秒数。
<！ - 2 - >
虽然这看起来像是一个非常复杂的方案，但实际上它是完美的选择，因为你真正想知道两个事件之间经过了多少时间。如果您想要以可读格式实际获取当前日期和时间，请查看JavaScript Date对象。有关计时的例子，请看timerDemo。 html：
timerDemo
var timer; var output; var游戏;函数init（）{game = new Scene（）;输出=文档。的getElementById（ “输出”）; timer = new Timer（）; 计时器。重启（）; 游戏。 start（）;} //结束init函数update（）{ 游戏。隐藏（）; currentTime =计时器。 getElapsedTime（）; 输出。 innerHTML = currentTime; } //结束更新函数reset（）{ 计时器。重启（）; } //结束重置 清空计时器 这个例子演示了一个简单的计时器。它显示页面正在运行的秒数。定时器可以用（巧妙命名的）重置定时器按钮重置。
为计时器创建一个变量。
-
这应该越来越熟悉了。所有有趣的元素都是对象，定时器也不例外。创建一个名为timer的变量，它将是Timer类型的对象。
重置计时器。
-
确保计时器从零开始。
获取每一帧的流逝时间。
-
在update（）函数中，调用定时器的getElapsedTime（）方法来查明已经过了多少时间，并将该值复制到输出区域。
用户按下按钮时重置计时器。
-
当用户按下复位按钮时，调用定时器的reset（）方法将经过的时间重置为零。
隐藏主场景。
-
该程序使用simpleGame的主循环，但并不需要显示场景。出于这个原因，Scene对象有一个hide（）方法。稍后您可以使用show（）方法显示场景。
