导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
最新评论
广树管理员
2025-04-23 21:51
@Zrzzz:是的捏
Zrzzz
2025-04-23 21:33
风景真好捏(˶‾᷄ ⁻̫ ‾᷅˵)
广树管理员
2025-04-22 19:50
@某科学的贝壳:其实天气之子也出现过,只不过是这里的屋顶
某科学的贝壳
2025-04-22 19:48
位置 加那一张烟花,总让我想到天气之子的场面OωO
广树管理员
2025-04-22 19:48
@智慧哥哥:感谢大佬的捧场,大佬的评论好文艺呀
攻略中
星空列车与白的旅行
暂无评分
Steam星空列车与白的旅行
2025年2月22日 22时 ~ 攻略中
已累计游玩2个月
乘坐的列车,划破夜空,飞驰在星空之下,令人心旷神怡——这可真是场超值之旅。舒爽夜风吹拂下的随心独旅中,我邂逅了随性的乘客,可人怜爱的乘务员。以及……猫耳少女?这场旅行,究竟会在她身上,留下了些什么呢?
界之轨迹
暂无评分
PS5界之轨迹
2024年9月28日 14时 ~ 攻略中
已累计游玩6个月27天
导力之父爱普斯泰因预言的世界末日即将到来,此时东大陆共和国所研发的导力火箭划破天空,即将探访这个世界的边界。 与此同时万事屋的青年们,正聚集在奥雷德自治州,与集结而来的各方势力,一同看望着这科技奇点。 人们这次是否能认识到世界的真实呢?
PSN奖杯卡

PSN奖杯卡

归档
赞助商广告

【JavaScript】随机抽号,随机度更大(大*透)

作者:广树时间:2017-05-29 10:41:19分类:JavaScript

HTML

<p class="caipiao_p"><span class="caipiao35">*</span><span class="caipiao35">*</span><span class="caipiao35">*</span><span class="caipiao35">*</span><span class="caipiao35">*</span><span>+</span><span class="caipiao12">*</span><span class="caipiao12">*</span></p>
<button type="button" onClick="creat_caipiao_nums('caipiao35',arr_front,arr_front_cache)">抽选一个前区</button>&nbsp;&nbsp;
<button type="button" onClick="creat_caipiao_nums('caipiao12',arr_back,arr_back_cache)">抽选一个后区</button>&nbsp;&nbsp;
<button type="button" onClick="clear_nums()">清空</button>


CSS

.caipiao_p span{
	padding-right:5px;
}



JS

function generate_randomx(count,nums_length) {
  //初始化数组
  var generated = new Array();
  //生成数组数
  var generatedCount = generated.length;
  //生成nums_length个随机数
  for(var i = 0 ; i < nums_length; i++){
    var candidate = Math.floor(Math.random() * count)+1;
    //如果生成一样的数字则重新生成
    for(var j = 0; j < generatedCount; j++) {
      if(candidate == generated[j]){
        candidate = Math.floor(Math.random() * count)+1;
        j= -1;
      }
    }
    generated[i] = candidate;  
    generatedCount++;
  }
  return generated;  
}
function creat_nums(caipiao_span,arr){
	//写入数字
	var caipiao_span = document.getElementsByClassName(caipiao_span);
	//获取HTML
	for(var i = 0 ; i < arr.length; i++){
		var arr_nums = arr[i];
		if(arr_nums<10){
			arr_nums = '0'+String(arr[i]);
			//如果数字小于10,自动前面部0
		}else{
			arr_nums = String(arr[i])
		}
		caipiao_span[i].innerText = arr_nums;
	}
}
function sortNumber(a, b){
	//数组从小到大排列
	return a - b
}
var arr_front = generate_randomx(35,35);
var arr_back = generate_randomx(12,12);
var arr_front_cache = [];
var arr_back_cache = [];
//初始化数据
function creat_caipiao_nums(caipiao_span,arr_type,arr_type_cache){
	//每次点击随机从上面的数组中抽选一个数添加到缓存数组中,并剔除掉选中的数组。
	var length_nums = arr_type.length;
	if(arr_type_cache.length<document.getElementsByClassName(caipiao_span).length){
		var t = Math.floor(Math.random() * length_nums);
		arr_type_cache.push(arr_type[t]);
		arr_type_cache.sort(sortNumber);
		arr_type.splice(t,1);
		creat_nums(caipiao_span,arr_type_cache);
		console.log(arr_type_cache);
		console.log(arr_type);
		console.log(t);
	}
}
function clear_html(caipiao_span){
	//清空HTML内容
	for(var i = 0 ; i < caipiao_span.length; i++){
		caipiao_span[i].innerText = '*';
	}
}
function clear_nums(){
	//重置HTML与数组
	arr_front = generate_randomx(35,35);
	arr_back = generate_randomx(12,12);
	arr_front_cache = [];
	arr_back_cache = [];
	clear_html(document.getElementsByClassName('caipiao35'));
	clear_html(document.getElementsByClassName('caipiao12'));
	console.log(arr_front);
	console.log(arr_back);
	console.log(arr_front_cache);
	console.log(arr_back_cache);
}


donate.png

1210 x 50(蓝底).png

cloudcone