首先说明下为什么会停顿?
效果 :
用键盘控制一个div移动当按下一个方向键不放,div会先停顿一下,然后才开始持续移动。
原因:
系统要区分用户是否连续输入,第一个到第二个之间有一个停顿时间 注:了解原因才能解决问题效果展示
1.简单控制,但是有停顿
2.简单控制,解决停顿
解决方法
方法 :
先开一个定时器,让div一直处于(往4个方向)准备移动的状态初始4个方向的值都是false,div就保持在原地不动。
按下某个方向键,这个方向的值就改变为true,div就会开始往这个方向移动。
松开方向键,这个方向的值就改变为false,div就停止这个方向移动了。