圖像不會在超時後重新顯示在適當的位置

Question

圖像消失，但是當它重新看時，它會從右側向左！

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

你已經設置留在休息（），所以它是要左側爲0px。如果您不想將其顯示在左側，則需要添加img.style.left ='<> px'，例如在reappearch（）函數中img.style.left ='150px'。

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

檢查這個小提琴... jsfiddle

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'; 
} 

好運...