使用javascript预加载来切换img？

我必须在很短的时间内显示图像，50毫秒（这是第一印象测试），但是每次用户点击按钮时通过设置src切换图像会造成很大的延迟。代码如下：

HTML:

JAVASCRIPT:

function changeImage(img, btn, disable) {
    var obj = document.getElementById('image');
    obj.src = img;
    obj.style.display = 'inline';
    setTimeout(
        function() {
            obj.style.display = 'none'
        }, 50);
    this.disabled = 'disabled';
    if (disable == "true")
        document.getElementById(btn).disabled = 'true';
}

---

您还可以保留这三幅图像，并设置每50毫秒更改一次显示， 利用

obj.style.display = "none"

---

您不需要每次单击按钮时都保留单个图像元素并更改其src

谢谢你，这就是我要找的！

function changeImage(img, btn, disable) {
    var obj = document.getElementById('image');
    obj.src = img;
    obj.style.display = 'inline';
    setTimeout(
        function() {
            obj.style.display = 'none'
        }, 50);
    this.disabled = 'disabled';
    if (disable == "true")
        document.getElementById(btn).disabled = 'true';
}

obj.style.display = "none"