javascript非阻塞图像加载？

此函数每30毫秒调用一次

function draw(){
    context.clearRect(0, 0,canvas.width, canvas.height);

    context.drawImage(displayme, plot.position.x, plot.position.y, plot.width, plot.height);    
}

一些鼠标事件会修改displayme.src和绘图位置

但是，当加载新的src时，所有其他javascript都会被阻止，无法移动（先前加载的）图像

我还尝试使用不同的图像对象并将其指定给“displayme”，但没有成功

---

任何帮助都是非常受欢迎的，因为所有浏览器都在一个线程中运行javascript。您可以使用

setTimeout（）

使此函数立即返回，但在函数实际运行时，浏览器不会在页面上运行任何其他javascript。这模拟了多线程，但不应将其误认为是真实的

function draw(){
    // allows immediate return and "schedules" the anonymous function next
    setTimeout( function() {
        context.clearRect(0, 0,canvas.width, canvas.height);
        context.drawImage(displayme, plot.position.x, plot.position.y,
                                     plot.width, plot.height);
    },0);
 }

---

真是太棒了，谢谢你，我还得做“占位符”对象

var displayme=newimage（）；var img=新图像（）；img.onload=function（）{displayme.src=img.src；}