图片抽奖
Posted zhangchong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了图片抽奖相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#container{
text-align: center;
}
</style>
</head>
<body>
<div id="container">
<a href="javascript:void(0)">
<img id="pic" src="1.jpg" width="100%" height="600" alt="hello"/>
</a>
</div>
<script>
var pic=document.getElementById("pic");
var t=null;
var i=1;
var j=1;
var k=0;
window.addEventListener("keyup",function (e) {
console.log(e.keyCode)
if(e.keyCode==13 || e.keyCode==32){
k++
if(k%2==1){
t=setInterval(function () {
if(i=100){
i=1
}
if(j>4){
j=1
}
pic.src=j+".jpg"
i++
j++
},100)
}else{
clearInterval(t)
}
}
})
</script>
</body>
</html>
以上是关于图片抽奖的主要内容，如果未能解决你的问题，请参考以下文章