js实现在随机选中功能

遗憾千万种,个人皆不同

<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>

音乐播放的功能删除了就行
js实现在随机选中功能_第1张图片

你可能感兴趣的:(js)