遗憾千万种,个人皆不同
<body>
<div id="cont">开始抽奖</div>
<input type="button" id="btn1" value="抽奖" />
<audio src="aaa.mp3" id="miu"></audio>
<input type="button" id="btn2" value="音乐播放" />
</body>
<script type="text/javascript">
var btn1=document.getElementById("btn1");
var cont=document.getElementById("cont");
function rand(m,n){
return Math.floor(Math.random()*(n-m+1))+m;
}
function start(arr){
var timer1;
btn1.onclick=function(){
btn1.style.color="#888888"
btn1.value=btn1.value=='抽奖'?'暂停':'抽奖';
if(btn1.value=='暂停'){
clearInterval(timer1);
timer1=setInterval(function(){
cont.innerHTML=arr[rand(0,8)];
},50);
}else{
clearInterval(timer1);
}
}
}
var btn2=document.getElementById("btn2");
var miu=document.getElementById("miu");
function play(){
btn2.onclick=function(){
btn2.style.color='#F1F1F1';
btn2.value=btn2.value=='音乐播放'?'音乐暂停':'音乐播放';
if(btn2.value=='音乐暂停'){
miu.play();
// btn2.style.animation='zoomInRight';
}else{
miu.pause();
btn2.style.animation='none';
}
}
}
play();
start(['张飞','关羽','黄忠','马超','赵云','诸葛亮','刘备','吕布','貂蝉']);
</script>
音乐播放的功能删除了就行