视频: Google Web Designer 搶先玩！超入門揮手動畫中文教學 2024
如果canvas在HTML5游戏中定义空间，则动画循环定义时间。大多数JavaScript游戏使用称为setInterval（）的机制来引起重复的行为。这个函数有两个参数：一个函数名和一个延迟值。
以下是一些简单计数十次的代码：
计数。 html var counter = 0; var输出;函数init（）{output = document。的getElementById（ “输出”）; setInterval（count，100）;} function count（）{counter ++;输出。 innerHTML = counter;} 这里什么都没有
这个过程很简单，你可以在任何时候使用它，定时发生一些事情：
<！ --1 - >-
创建一个将被重复的函数。在这个简单的例子中，函数count（）将被称为每秒十次。在您的初始化代码中，调用setInterval（）。
这将设置对该功能的重复调用。
-
指示将重复的功能。
第一个参数是要重复的函数的名称。请注意，因为您将函数作为变量处理，所以
-
不要
包含带有函数名称的括号。 <！ - 2 - > 指示延迟。
第二个参数是以毫秒为单位的延迟值（毫秒为1/1000 -
th
秒）。这个例子延迟100毫秒，即每秒10帧。 simpleGame库以每秒20帧的速度运行。在simpleGame中，当你创建一个Scene类的时候，除了设置一个画布之外，你还可以通过Scene类创建一个重复调用游戏的update（）方法的时间间隔。这就是为什么你需要有一个update（）方法。
