<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.οnlοad=function(){
var start=document.getElementById("start");
var end=document.getElementById("end");
var pic=document.getElementById("pic");
//用来存储图片路径的数组
var picarr =['image/03-02.jpg','image/03-03.jpg','image/03-01.jpg','image/04-01.jpg','image/04-02.jpg']
var timer;
//给开始加单击事件
start.οnclick=function(){
//设置定时器,每隔0.4秒就换一张图片
timer = setInterval(function(){
//抽取随机下标
var num= Math.floor(Math.random()*(picarr.length-1+1-0)+0);
pic.setAttribute('src',picarr[num])
},400)
}
end.οnclick=function(){
clearInterval(timer);
var num=Math.random()*5;
if (num<4){
pic.setAttribute('src','image/03-03.jpg');
}
}
}
</script>
</head>
<body>
<div id="content">
<input type="button" id="start" value="开始抽奖" />
<input type="button" id="end" value="结束抽奖" />
</div>
<br /><br />
<img src="image/03-01.jpg" id="pic"/>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.οnlοad=function(){
var start=document.getElementById("start");
var end=document.getElementById("end");
var pic=document.getElementById("pic");
//用来存储图片路径的数组
var picarr =['image/03-02.jpg','image/03-03.jpg','image/03-01.jpg','image/04-01.jpg','image/04-02.jpg']
var timer;
//给开始加单击事件
start.οnclick=function(){
//设置定时器,每隔0.4秒就换一张图片
timer = setInterval(function(){
//抽取随机下标
var num= Math.floor(Math.random()*(picarr.length-1+1-0)+0);
pic.setAttribute('src',picarr[num])
},400)
}
end.οnclick=function(){
clearInterval(timer);
var num=Math.random()*5;
if (num<4){
pic.setAttribute('src','image/03-03.jpg');
}
}
}
</script>
</head>
<body>
<div id="content">
<input type="button" id="start" value="开始抽奖" />
<input type="button" id="end" value="结束抽奖" />
</div>
<br /><br />
<img src="image/03-01.jpg" id="pic"/>
</body>
</html>