当前位置：网站首页>JS to realize simple lottery function

JS to realize simple lottery function

2022-06-30 14:32:00 【Domineering ape General Manager】

1. scene ：

Click the button to start randomly drawing prizes , When it stops, what stays on the big screen is the prize （“ thank you ” No award ）.

2. Ideas ：

as everyone knows , The lottery is mainly about randomness , And it's a collection of awards . Then you can lock the direction ： Use the array to award item names , use Math.random() To return between 0( contain ) ~ 1( It doesn't contain ) A random number between . As long as you can randomly select the subscript of the array , You can randomly select awards .
Don't talk much , Attach code ：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	
	</head>
	<body>
		<button id="start"> Start </button>
		<button id="end"> stop it </button>
		<h1 id="txt"> Please start </h1>
		<script> var ostart=document.getElementById('start'); var oend=document.getElementById('end'); var otxt=document.getElementById('txt'); var timer; var m; var list=[' mobile phone ','pad','pad',' Shopping card ',' Shopping card ',' Shopping card ',' sound ',' thank you ',' thank you ',' thank you ',' thank you ',' thank you ',' thank you ',' thank you ',' thank you ',' thank you '] //  Start  ostart.onclick=function(){
       timer=setInterval(function(){
       //  Generate random numbers  m=parseInt(Math.random()*list.length); //  modify html otxt.innerHTML=list[m] //  Modify picture  .setAttribute('src',list[m]) },1000) } //  stop it  oend.onclick=function(){
       clearInterval(timer); alert(' Congratulations on winning '+list[m]); list.splice(m,1,' thank you '); } </script>
	</body>
</html>