html5刷新不闪烁,重绘画布html5没有闪烁

我的屏幕每25ms重绘一次，图像闪烁，这是我的代码

var FRAME_RATE = 40;

var intervalTime = 1000/FRAME_RATE;

gameLoop();

function gameLoop(){

context.clearRect(0, 0, 640, 640);

renderMap();

window.setTimeout(gameLoop, intervalTime);

}

这里是renderMap()函数

function renderMap(){

var startX = playerX - (screenW / 2);

var startY = playerY - (screenH / 2);

maxX = playerX + (screenW / 2);

maxY = playerY + (screenH / 2);

$.getJSON('mapa3.json', function(json){

for (x = startX; x < maxX; x=x+32){

for (y = startY; y < maxY; y=y+32){

intTile = json.layers[0].data[((y/32)* 100) + (x/32)];

context.putImageData(getTile(intTile - 1), x - startX, y - startY);

}

}

});

var imgCharacter = new Image();

imgCharacter.src = 'char.png';

var posX = (screenW - imgCharacter.width) / 2;

var posY = (screenH - imgCharacter.height) / 2;

imgCharacter.onload = function(){context.drawImage(imgCharacter, posX, posY)}

}

我需要对代码进行哪些更改才能停止闪烁？