HTML5搶紅包代碼分享如下：
<html>
<head>
<title>搶紅包</title>
<meta charset="UTF-8">
</head>
<body>
<div id="red-packet">
<p>點擊屏幕搶紅包</p>
</div>
<script type="text/javascript">
var num = 10; //紅包總數
var totalMoney = 100; //紅包總金額
var packetArr = new Array(); //存放紅包的數組
var timer = null; //定時器變量
//生成紅包
function createPacket() {
for(var i=0; i<num; i++) {
var money = (Math.random()*totalMoney/num).toFixed(2); //每個紅包的金額
packetArr.push(money); //將紅包金額存入數組
}
}
//顯示紅包
function showPacket() {
var packetDiv = document.getElementById("red-packet");
packetDiv.onclick = function() {
var money = packetArr.shift(); //取出一個紅包的金額
if(money != undefined) { //如果數組中還有紅包
alert("恭喜您搶到了"+money+"元！");
packetDiv.innerHTML = "點擊屏幕繼續搶紅包";
}else { //如果紅包已經搶完
clearInterval(timer); //清除定時器
packetDiv.innerHTML = "紅包已經搶完啦！";
}
}
}
//定時器控制紅包的生成和顯示
function timerControl() {
createPacket(); //生成紅包
showPacket(); //顯示紅包
timer = setInterval(function() {
packetArr.length = 0; //清空紅包數組
createPacket(); //重新生成紅包
showPacket(); //重新顯示紅包
}, 10000); //每隔10秒重新生成紅包
}
timerControl(); //開始定時器
</script>
</body>
</html>以上就是HTML5搶紅包代碼，此代碼采用定時器控制紅包的生成和顯示，可以自定義紅包總數和總金額，是一段值得學習和使用的代碼。