JS彩票号码随机生成数字代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 JS彩票号码随机生成数字代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS彩票号码随机生成数字代码</title>
<style>
	div{ transition:5s all ease-out; float:left; border-radius:50%; margin:10px; width:100px; height:100px; line-height:100px; text-align:center; font-size:60px; background:#f00; color:#fff;}
	div.active{transition:.3s all ease-in; height:200px; line-height:200px; transform: rotateY(360deg);
	transform:0.4s rotate(100deg); background:#0FF;
	}
	input{ width:200px; border-radius:30%; outline:none; margin:10px; height:100px; font-size:60px; float:left;}
</style>
<script>
window.onload=function(){
	var aDiv=document.getElementsByTagName('div');
	getTicket();
	function getTicket()
	{
		var arr=[];
		while(arr.length<6)
		{
			var n=ran(1,34);
			if(!findArr(arr,n))
			{
				arr.push(bl(n));	
			}
		}
		arr.sort(function(n1,n2){
			return n1-n2;	
		});
		function bl(n)
		{
			return n<10?'0'+n:''+n;	
		}
		
		function findArr(arr,n)
		{
			for(var i=0;i<arr.length;i++)
			{
				if(arr[i]==n)
				{
					return true;
				}	
			}
			return false;
		}
		
		function ran(n,m)
		{
			return Math.floor(Math.random()*(m-n)+n)	
		}	
		for(var i=0;i<aDiv.length;i++)
		{
			aDiv[i].innerHTML=arr[i];	
		}	
	}
	
	var oBtn=document.getElementById('btn');
	oBtn.onclick=function(){
		getTicket();
		for(var i=0;i<aDiv.length;i++)	
		{
			aDiv[i].className='active';	
		}
		setTimeout(function(){
			for(var i=0;i<aDiv.length;i++)	
			{
				aDiv[i].className='';
			}		
		},400);
	};
};
</script>
</head>

<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<input type="button" value="换一换" id="btn" />
</body>
</html>

附件:下载该文件资源,减少时间成本(增值服务)