向左和向右浏览蛇游戏

Question

我用jQuery开始了一个蛇游戏。 我试图移动那条蛇。 控件应该是这样的。

• 当我单击左箭头时，它的左边应减少0.5。
• 再次，如果我单击向右箭头，它应该停止向左移动并开始向右移动

当我单击向左箭头时，应减小“ move_right”间隔 以相同的方式，右箭头单击“ move_left”间隔应清除

var x = 0.5;
var move_left, move_right;

$(document).keydown((e) => {

  var snkLeft = parseInt(snkCls.css("left"));
  var key = e.keyCode;

  if (key === 37) {
    move_left()
  }

  if (key === 39) {
    move_right();
  }

});


move_right = function() {
  clearInterval(move_left);
  setInterval(() => {

    var snkleft = parseInt(snkCls.css("left"))
    x += 0.5
    parseInt(snkCls.css("left", snkleft + x));

  }, 200);
}

move_left = function() {
  clearInterval(move_right);
  setInterval(() => {

    var snkleft = parseInt(snkCls.css("left"));
    x += 0.5
    parseInt(snkCls.css("left", snkleft - x));

  }, 200);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>