提高JavaScript性能以渲染图像

我有一个简单的html代码，每125ms显示一个图像。目标是显示从摄像机捕获的视频。 图像显示在画布容器中，并在每次使用setInterval方法时重复updateImg（）函数

我的代码在我电脑的浏览器上仍能正常工作，但如果我使用安卓4的旧平板电脑的浏览器（有一点延迟），我的代码就不会正常工作了

这是我的代码：

帆布
var img=新图像（）；
img.src=http://10.0.9.231:3000/camera?i=“+（新日期（））.getTime（）；
函数updateImg（）{
var onScreenContext=document.getElementById（“myCanvas”）.getContext（“2d”）；
onScreenContext.drawImage（img，0，0）；
img.src=http://10.0.9.231:3000/camera?i=“+（新日期（））.getTime（）；
}
不支持画布
setInterval（updateImg，125）；

也许可以试试承诺？ 例如，调用一个承诺的“无限循环”函数，如果这个承诺解决了，您将再次回调该函数