JS实现链接点击5秒后可用

有一个下载链接，点击后获取资源要一定的时间，用户点击后可能认为没有反映会多次的点击，这样既增加了服务器的负担，也给用户造成了不好的体验，

下面用一个替换的方式来解决，隐藏一个标签，点击的时候切换。

页面：
<a id='blb_leaf1' onclick= "displaytip('1')" href="/publics/downloadSerial/jstk" title="<?php echo '下载《'.$value['Serial']['title'].'》讲义';?>" class="blue1" target="_parent">下载</a>
<a id='blb_leaf21' href="javascript:void(0);" style="color:#858585;display:none;" class="blue1">下载</a>小小忍者佐助换装攻略

//点击下载变色
function displaytip (id) {
if ($('#blb_leaf'+id).css('display') != 'none') {

$('#blb_leaf'+id).css('display','none');
$('#blb_leaf2'+id).css('display','inline');
setTimeout(function(){
$('#blb_leaf'+id).css('display','inline');
$('#blb_leaf2'+id).css('display','none');
},5000);
}
}