JQUERY用點擊改變src，後來用另一個改變

Question

我會用點擊來改變src圖片的屬性，並且在兩秒鐘之後在第一個src處返回。

$('img.change').click(function(){ 
$(this).attr('src','second.png') 
.delay(2000).attr('src','first.png'); 
}); 

Answer 1

使用的setTimeout http://jsfiddle.net/bhlaird/hym6U/

$('img.change').click(function() { 
    var self = this; 
    $(self).attr('src', "http://placekitten.com/100/100"); 
    setTimeout(function() { 
     $(self).attr('src', "http://placekitten.com/g/100/100"); 
    }, 2000) 
}); 

Answer 2

你可以這樣做：

$('img.change').click(function(){ 
      $(this).attr('src','second.png'); 
      setTimeout("changeToOriginal", 2000); 
    }); 

    function changeToOriginal() { 
      $("img.change").attr('src','first.png'); 
    }