超时后，图像不会重新出现在其正确位置

Question

ch图像消失了，但是当它重新收割时，它会从右边向左移动！

function rest()
{
img = document.getElementById('ch');
img.style.position= 'absolute';
img.style.top = '0px';
img.style.left = '0px';
img.style.visibility='hidden';
setTimeout(function(){reappearch()},3000);
}
function reappearch(){
img = document.getElementById('ch');
img.style.visibility='visible';
}

我该怎么做

Answer 1

你在 rest（） 中将 left 设置为 0px，所以它会向左。如果你不想把它显示在左边，那么你需要添加img.style.left = '<>px'，例如img.style.left='150px'在reappearch（）函数中

。

function reappearch() {
    img = document.getElementById('ch');
    img.style.visibility = 'visible';
    img.style.left = '120px';
}

检查这个小提琴...斯菲德尔

Answer 2

您可以使用

img.style.display并将其设置为 "none" ，然后您无需重新定位图像并将位置设置为绝对值：

function rest() {
    img = document.getElementById('ch');
    img.style.display = 'none';
    setTimeout(function () {
        reappearch()
    }, 3000);
}
function reappearch() {
    img = document.getElementById('ch');
    img.style.display = 'block';
}

祝你好运。。。