html5-canvas游戏中使用setinterval的时候在Android手机上时间变慢...

首先，你这个代码中最后的setInterval(draw()， 100)；应该改为setInterval(draw， 100)；第一个参数应该是方法名，虽然你那样写也会有效，但强烈建议不要那么写。

为康马等地区用户提供了全套网页设计制作服务，及康马网站建设行业解决方案。主营业务为网站设计、网站建设、康马网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

定义canvas标签，获取canvas的上下文。定义一个画图片的函数，使用canavs绘图API里面的drawImage来完成。写一个更新的函数，因为我们要让他动起来，所以每时刻绘制的地方都不一样。

那么我们在Canvas中如何实现这两个条件呢？如何在1s内绘制60张图形我们可以把这话变形一下，就变成每隔1/60s就绘制一张图形。在Java中要想实现每隔一段时间做一件事情，我们使用的方法是用定时器setinterval。

我们首先要做的是创建一个canvas对象。可以用JavaScript或HTML来做，都非常简单。此处我用的是JS。当创建了canvas之后，我们就可以获取它的上下文对象（context）、设置尺寸，并且把它加到当前文档中。

HTML5的5种存储方式详解

h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。

HTML5 提供了两种在客户端存储数据的新方法：..两者都是仅在客户端（即浏览器）中保存，不参与和服务器的通信；localStorage - 没有时间限制的数据存储，第二天、第二周或下一年之后，数据依然可用。

按F12打开控制台，找到sessionStorage，会发现其是用键值对的方式存储数据的。localStorage跟sessionStorage类似，只是localStorage只要不删除就会永久存储在电脑上，而sessionStorage只要关闭了页面就没有了，这里小编就不再演示了。

现在，HTML5 提供了一种标准的接口，使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上，在页面加载完毕后可以通过 JavaScript 来操作这些数据。

在HTML5本地存储出现以前，WEB数据存储的方法已经有很多，比如HTTP Cookie，IE userData，Flash Cookie，Google Gears。其实再说细点，浏览WEB的历史记录也算是本地存储的一种方式。

介绍几个常用的HTML5标签

. address标签：代表区块容器，必须是作为联系信息出现，邮编地址、邮件地址等等，一般出现在footer。

progress代表进度条，表示任务过程，属性有max（任务总量）\value。datalist为Input标记定义一个下拉列表，配合option标签。其他 details创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息。

details用于描述文档或文档某个部分的细节 dialog定义对话框，比如提示框 summary标签包含 details 元素的标题 figure规定独立的流内容（图像、图表、照片、代码等等）。

dialog定义对话（会话）dialog元素表示几个人之间的对话。HTML5dt元素可以表示讲话者，HTML5dd元素可以表示讲话内容。

HTML5--Range对象概念

1、标准的Range对象，可以说是非常非常精确，精确的让你抓狂。它精确到文本节点的第几个字符，而且还包括空白字符。

2、range并不是excel中的函数，而是vba中vba代码中最常用的对象，range对象可以是某一单元格、某一单元格区域、某一行、某一列、或者是多个连续或非连续的域组成的区域。

3、感慨归感慨，当前的工作要完成，记录一个html5中的input新属性，range。

4、number---表示必须输入数值地址的文本输入框 2range---表示必须输入一定范围内数字值址的文本输入框 2Date Pickers---HTML5拥有多个可供选取日期和时间的新型输入文本框 这个就不说了。

5、可用 Range(arg)（其中 arg 为区域名称）来返回代表单个单元格或单元格区域的 Range 对象。另外有同名汽车。range() 函数创建并返回一个包含指定范围的元素的数组。

6、年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。设计目的 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。

HTML5动画框架easeljs中setFPS函数

CreateJS包含4个部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了开发Html5游戏的所有功能，仅仅使用EaselJS几乎可以完成所有的开发工作，其余三项可以看作EaselJS的辅助工具。

createjs中，设置宽高应该用scaleX /scaleY属性。

ImpactJS就是一个很好的例子，它不仅提供了图像显示和音效处理的方法，还在实现中插入了自己的对象和模型。

只是提醒开发者：html5 canvas中，时间轴编号是从0开始。而在swf中，时间轴编号是从1开始。如：你在html5 canvas中，执行this.gotoAndStop(5)，实际停在时间线的第4帧上，而在swf中，则停在时间线的第5帧上。

分享文章：html5中set html5中setinterval
路径分享：http://scyanting.com/article/digjgss.html