js异步问题

/*模拟QQ好友列表，做出以下特效。
1、模拟好友来消息，头像闪动
2、当点击闪动头像，弹出与其聊天框，并停止闪动。
*/
 $(function(){
  //隐藏聊天窗
  $('#chat').hide()
  //头像闪动
 var inter=window.setInterval(function(){

  $('img:eq(1)').toggle()
 },500)
 //给李四头像所在td设置点击事件
 $('tr:eq(1)>td:first').click(function(){
  //清除闪动
  window.clearInterval(inter)
  //显示头像图片 注意：时间一定要比图像闪动定时器的时间长
  window.setTimeout(function(){$('img:eq(1)').show()},501)/ /时间一定要比头像闪动定时器的时间长，否则头像点击后可能会消失（原因:js定时器是异步的，移除定时器不会立即执行，  $('img:eq(1)').toggle()可能还会在$('img:eq(1)').show()之后又执行一次，造成图片消失，）
  //显示聊天室
  $('#chat').show();
 })
 
 })