兩次更改圖像邊框顏色

Question

我正在嘗試更改圖像邊框的顏色onclick。 首先，當用戶單擊圖像時，圖像邊框顏色變為綠色，以后需要變為白色。 以下是我的代碼，如果我做錯了事，請告訴我。 它始終顯示白色圖像邊框顏色，從不顯示綠色。

<div style="float:left;width:30%;">
 <img id="1" src="/images/37.jpg" width="163" height="100" alt="image not  displayed" onclick="openOnImageClick(this)" />
 <img id="2" src="/images/102.jpg" width="163" height="100" alt="image not displayed" onclick="openOnImageClick(this)" />
</div>

<script type="text/javascript">
function openOnImageClick(image)
{
 image.style.border = "3px solid green";

 // Some Ajax processing happens here

 image.style.border = "3px solid white"; 
}
</script>

Answer 1

http://jsfiddle.net/tvf2mgje/

<div style="float:left;width:30%;">
     <img id="1" src="/images/37.jpg" width="163" height="100" alt="image not  displayed" onclick="openOnImageClick(this)" />
     <img id="2" src="/images/102.jpg" width="163" height="100" alt="image not displayed" onclick="openOnImageClick(this)" />
</div>

<script type="text/javascript">
    function openOnImageClick(image)
    {
        image.style.border = "3px solid green";

        // Some Ajax processing happens here

        setTimeout(function change ()
        {
            image.style.border = "3px solid white"
        }, 3000);
    }
</script>