点击<a></a>标签链接之后 让链接失效5秒钟 之后再可以点击 如何实现 在这个例子中实现
<html>
<head>
<script language="javascript">
function gotostartlottery(){
var itemid= document.getElementById("lotteryItemId").value;
var scoreValue = document.getElementById("scoreValue").value;
if (confirm("此次抽奖扣除"+scoreValue+"积分!")) {
var mydata={itemId:itemid};
$.ajax({
type: "POST",
url: "lotteryEveryDay.do?method=goToStartLottery",
data: mydata,
success: function(msg){
}
});
}
}
</script >
</head>
<body>
<a class="spicn" id="time" onclick="gotostartlottery();" style="cursor:pointer;" type="我要抽奖"></a>
</body>
</html>
<html>
<head>
<script language="javascript">
function gotostartlottery() {
document.getElementById("time").disabled = true;
alert("可以点击");
setTimeout(function () {
document.getElementById("time").disabled = false;//5秒后可以点击
}, 5000);
}
</script>
</head>
<body>
<button class="spicn" id="time" onclick="gotostartlottery();" style="cursor:pointer;" type="我要抽奖">我要抽奖</button>
</body>
</html>
1.点击过后，把a标签onclick属性去掉，5秒之后在把这个属性加上去。
2.点击过后，把a标签移除，加上一个样式完全一样的不能点击的a标签，5秒后在还原。