requestAnimationFrame: 翻译过来就是请求动画帧,它是html5专门用来设计请求动画的API,它与setTimeout相比有如下优势:
setInterval: setInterval在指定的时间内,重复执行一段代码,与setTimeout类似,它也不是准时的,并且有时候及其不推荐使用setInterval定时器,因为它与某些耗时的代码配合使用的话,会存在执行积累的问题,它会等耗时操作结束后,一起一个或者多个执行定时器,存在性能问题。一个setInterval可能会表示如下的形式:
setTimeout setTimeout延时执行某一段代码,但setTimeout由于EventLoop的存在,并不百分百是准时的,一个setTimeout可能会表示如下的形式:
网页游戏setinterval
var colors = ['#494949','#646464','#747474','#888888','#969696','#A8A8A8','#B6B6B6','#C6C6C6','#D7D7D7','#E1E1E1','#F0F0F0','#F9F9F9'];
一般认为,使用延迟代码来模拟时间间隔是一种最佳方式;在开发环境中,很少使用时间间隔,因为时间间隔可能会在前一个间隔调用结束之前启动,而延迟代码完全可以避免这一点;
使用setInterval()方法同样会返回一个间隔调用ID,该ID可用于在将来某个时间取消间隔调用;可以使用clearInterval方法移除间隔调用,其接收一个计时器ID作为参数;
document.getElementById("result").innerText = d.toLocaleTimeString();
代码延迟执行机制在执行一次后就失效,而在应用中,有时希望某个程序能反复执行,比如说倒计时等,需要每秒执行一次;为此可以使用window方法的setInterval方法,其会按照指定的时间间隔重复执行代码,直到取消或页面被卸载;其与setTimeout()类似,参数也一致;
示例:可以利用 clearTimeout() 方法在特定条件下清除延迟处理代码。例如,当鼠标指针移过某个元素,停留半秒钟之后才会弹出提示信息,一旦鼠标指针移出当前元素,就立即清除前面定义的延迟处理函数,避免干扰;
setTimeout()方法会返回一个数字ID,ID本质上是要延迟进程的ID,是计划执行代码的唯一标识符;可以使用clearTimeout()方法,调用此ID关于建造内容的盒子游戏,达到取消超时调用的目的;
第二个参数是一个表示等待多长时间的毫秒数,但经过该时间后指定的代码并不一定会执行;Javascript是一个单线程的解释器,因此一定时间内只能执行一段代码;为了控制要执行的代码,就有一个Javascript任务队列,这些任务会执照将它们添加到队列的顺序执行;这个参数实际上是告诉Javascript再过多长时间把当前任务添加到队列中,如果队列是空的,那么添加的代码会立即执行,如果队列不是空的,那么它就要等前面的代码执行完毕后再执行;
因为历史原因,第一个参数可以传递字符串,但有可能导致性能损失,因为这个字符串会在指定的超时时间之后进行求值,相当于执行eval(),因此不推荐使用字符串的形式;
语法:window.setTimeout(code,delay),code要执行的代码,可以是一个包含Javascript的代码字符串,也可以是一个函数,delay等待的毫秒数;
Javascript是单线程语言,但它允许通过设置超时和间歇时间值来调度代码在特定的时刻执行;其是通过setTimeout()和setInterval()两个window对象的全局函数实现的,用来注册在指定的时间之后单次或重复调用的函数;
专题: 老单机游戏三国 三国群单机游戏 三国演游戏单机