导航

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

侧边栏
热门文章
1页面
程序员老黄历&求签
热度
299
2推文
去年换的NURO手机卡居然已经满9个月了,时间可过得真快呀! 在顺利领取13000日元的返现后把套餐从每个月2699日元20GB的套餐换成了990日元5GB套餐。毕竟这9个月以来我几乎都是2~7GB左右的流量使用,这20GB真的太奢侈了。在年底还赠送了一堆流量叠到了80GB是真的浪费😅。 不过对比20GB的套餐5GB的套餐不仅流量低了,速度其实也低了。前者最高可以有100Mbps左右的速度后者就只有30Mbps左右了,在中午高峰时期倒是都差不多只有个位数。 就目前来说对于我这种轻度手机用户已经非常够用了。大流量反而因为不用就浪费的心态养成了上下班刷社交媒体软件的坏习惯,现在换回小流量后又可以静下心来读小说和漫画啦! 截图是新套餐在不同时间的测试结果。
热度
285
3博文
探访《蜡笔小新》老家——春日部游记
热度
156
4博文
让智能AI(waifulabs)来为你生成老婆吧!
热度
143
5页面
活动
热度
91
6页面
游戏
热度
91
7页面
友链
热度
91
8推文
今天去看了首部初音未来的电影《剧场版 世界计划 破碎的世界与无法歌唱的未来》。 说是初音未来的电影,但其实是手游《世界计划》的剧场版。好像有挺多人看到是初音未来的电影就去看了,结果发现并不全是😅。其实在宣传海报中,初音未来后面的那些人才是主角。 不过,我也是那些没玩过手游的观众之一。其实整场看下来问题也不是很大,就是对于人物关系和世界观的设定可能会有些问题。电影其实也很贴心地在剧情开头,大致以剧情的形式展示了手游中的五个团体的人物及其性格,但感觉还是有些杯水车薪,约等于看个眼熟。 此次的电影是第一次购买应援场。所谓的应援场,就是能在电影院里像是听演唱会一样挥舞荧光棒和尽情呐喊。看着前排那些粉丝看到自己喜欢角色时的呐喊,以及演唱会环节的打CALL,应援场确实是很有意思的一种电影观看方式呢! 剧情方面,属于看了开头大概能猜到整部动画的剧情走向。不过,通过演唱会的气氛渲染,甚至还感受到了一丝丝的感动。 总体来说,对于手游的粉丝来说可能是嘉年华般的狂喜,对于没接触过手游的路人来说也能一定程度融入其中,属于一部不错的粉丝向电影(不管是手游粉丝还是初音未来粉丝)。 首周电影特典是CD和游戏内的兑换码。送CD这种形式还第一次遇到,官方大气!
热度
78
9博文
记又又又一次回归《冒险岛Online》
热度
78
10博文
【RPG Maker MV】插件脚本指令文档 | Script Calls
热度
78
最新评论
广树管理员
2025-02-06 09:14
@HelloGakki:新年快乐呀
广树管理员
2025-02-06 09:14
@石樱灯笼:不是低流量套餐一定会降速,也有低流量高速的,但是会贵一些。这牵涉到国外的电信运营商的MNO和MVNO体制。可以让用户有更多品牌,更多类型的套餐可以选择。 至于高峰期掉速,没办法,什么地方的基建都不能和国内比。
HelloGakki
2025-02-06 09:12
新年快乐哦~
石樱灯笼
2025-02-05 23:52
啊这,日本低流量套餐还会降速,高峰期还会掉速,这是我没想到的……但一想到日本那躺平摆烂的模样,又觉得又挺正常的。
广树管理员
2025-02-04 18:01
@DavidYR:咦!大佬不知道吗?之前不是在国内上映过
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

即使浏览器窗口在非激活状态(或者最小化)也让setTimeout、setInterval有效不休眠——Web Workers​

作者:广树时间:2018-01-16 15:28:41分类:JavaScript/jQuery/Vue

因为浏览器的优化原因,setTimeout()和setInterval(),在浏览器窗口非激活的状态下会停止工作或者以极慢的速度工作。目前我已知就IE不会有这种问题。

这样的优化就会带来一个问题,比如我以前的一段代码【JavaScript】模拟随机号码中奖,因为需要不断随机出号码,所以会用到setInterval(),但是一旦切换窗口的话,就会停止随机算出号码,需要再次激活窗口才会重新运行。

这个时候为了让浏览器窗口在非激活状态(或者最小化)也让setTimeout、setInterval有效不休眠的话就要用到H5的新特性:Web Workers

Web Workers 是 HTML5 提供的一个javascript多线程解决方案,可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。

注意:Web Workers需要IE10及其以上的浏览器支持。

根据特性,我们可以将随机算号搬到另外个线程去计算,主线程只用不断接收数据就好了。

于是我就改了模拟随机号码的代码:

主线程JS:

var worker =new Worker("fibonacci.js"); //创建一个Worker对象并向它传递将在新线程中执行的脚本的URL
function creat_nums(caipiao_span,arr){
	var caipiao_span = document.getElementsByClassName(caipiao_span);
	for(var i = 0 ; i < caipiao_span.length; i++){
		var arr_nums = arr[i];
		if(arr_nums<10){
			arr_nums = '0'+String(arr[i]);
		}else{
			arr_nums = String(arr[i])
		}
		caipiao_span[i].innerText = arr_nums;
	}
}
 function creat_attack(){
	 var input_q = document.getElementById("input_q").value.split(",");
	 var input_h = document.getElementById("input_h").value.split(",");
	 var arr = [input_q,input_h];
	 worker.postMessage(arr);     //向worker发送数据
	 worker.onmessage =function(evt){     //接收worker传过来的数据函数
	   //console.log(evt.data);         //输出worker发送来的数据
	   var dataArr = evt.data;
	   creat_nums("caipiao35",evt.data[7]);
	   creat_nums("caipiao12",evt.data[8]);
	   document.getElementById("cishu").innerText=String(evt.data[0]);
	   document.getElementById("cishu1").innerText=String(evt.data[1]);
	   document.getElementById("cishu2").innerText=String(evt.data[2]);
	   document.getElementById("cishu3").innerText=String(evt.data[3]);
	   document.getElementById("cishu4").innerText=String(evt.data[4]);
	   document.getElementById("cishu5").innerText=String(evt.data[5]);
	   document.getElementById("cishu6").innerText=String(evt.data[6]);
	   if(evt.data[9].length===5){
		   creat_nums("caipiao35-2",evt.data[9]);
		   creat_nums("caipiao12-2",evt.data[10]);
	   }
	 }
 }


副线程JS:

// fibonacci.js
onmessage =function (evt){
  	var cishu = 0;
	var six = 0;
	var five = 0;
	var four = 0;
	var three = 0;
	var two = 0;
	var one = 0;
	var cp_q = new Array();
	var cp_h = new Array();
	var cp2_q = new Array();
	var cp2_h = new Array();
	var attack_arr = new Array();
	var timer = null;
	var arr = evt.data;
	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 sortNumber(a, b){
		return a - b
	}
	function creat_nums(caipiao_span,arr){
		if(caipiao_span=="caipiao35"){
			cp_q = arr;
		}
		if(caipiao_span=="caipiao12"){
			cp_h = arr;
		}
		if(caipiao_span=="caipiao35-2"){
			cp2_q = arr;
		}
		if(caipiao_span=="caipiao12-2"){
			cp2_h = arr;
		}
	}
	function creat_attack(){
		clearTimeout(timer);
		var input_q = arr[0];
		var input_h = arr[1];
		if(input_q.length<5||input_h.length<2||input_q.length>5||input_h.length>2){
			console.log("输入格式不对");
			return false;
		}
		for(var i = 0 ; i < input_q.length; i++){
			var nums_cache = parseInt(input_q[i]);
			if(nums_cache<1||nums_cache>35){
				console.log("前区范围不正确");
				return false;
				break;
			}
			attack_arr[i] = nums_cache;
		}
		for(var i = 0 ; i < input_h.length; i++){
			var nums_cache = parseInt(input_h[i]);
			if(nums_cache<1||nums_cache>12){
				console.log("后区范围不正确");
				return false;
				break;
			}
			attack_arr[i+5] = nums_cache;
		}
		cp_nums();
	}
	function cp_nums(){
		var q = generate_randomx(35,5).sort(sortNumber);
		var h = generate_randomx(12,2).sort(sortNumber);
		var z  = new Array();
		z = q.concat();
		z.push(h[0]);
		z.push(h[1]);
		timer = setTimeout(function(){
			cp_bidui(attack_arr,z,q,h);
			var arrPost = [cishu,one,two,three,four,five,six,cp_q,cp_h,cp2_q,cp2_h];
			postMessage(arrPost);
		},10);
	}
	function cp_bidui(attack,z,q,h){
		var j = 0;
		var jq = 0;
		var jh = 0;
		creat_nums("caipiao35",q);
		creat_nums("caipiao12",h);	
		for(var i=0;i<attack.length;i++){
			if(i<=4){
				for(var r=0;r<z.length-2;r++){
					if(z[r]===attack[i]){
						jq++;
					}
				}
			}
			if(i<=6&&i>4){
				for(var u=5;u<z.length;u++){
					if(z[u]===attack[i]){
						jh++;
					}
				}
			}
			if(i===6){
				if(jq===5&&jh===2){
					console.log(q);
					console.log(h);
					one++;
					q = generate_randomx(35,5).sort(sortNumber);
					h = generate_randomx(12,2).sort(sortNumber);
					creat_nums("caipiao35-2",q);
					creat_nums("caipiao12-2",h);
					return;
				}
				else if(jq===5&&jh===1){
					two++;
					cp_nums();
				}
				else if(jq===4&&jh===2||jq===5){
					three++;
					cp_nums();
				}
				else if(jq===3&&jh===2||jq===4&&jh===1){
					four++;
					cp_nums();
				}
				else if(jq===2&&jh===2||jq===3&&jh===1||jq===4){
					five++;
					cp_nums();
				}
				else if(jh===2||jq===1&&jh===1||jq===3){
					six++;
					cp_nums();
				}else{
					cp_nums();
				}
			}
		}
		cishu++;
	}
	creat_attack();
}

HTML:

<div class="item_box">
	<h2>类型1(35选中5个+12选中2个)</h2>
	<p><span>模拟中奖号码:</span><input type="text" placeholder="输入5个1-35的数字,用英文逗号隔开" class="c_input" id="input_q">+<input type="text" placeholder="输入2个1-12的数字,用英文逗号隔开" class="c_input" id="input_h"></p>
    <p class="caipiao_p"><span>当前</span><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>
    <p class="caipiao_p"><span>下一组</span><span class="caipiao35-2">*</span><span class="caipiao35-2">*</span><span class="caipiao35-2">*</span><span class="caipiao35-2">*</span><span class="caipiao35-2">*</span><span>+</span><span class="caipiao12-2">*</span><span class="caipiao12-2">*</span></p>
    <p><span>运行次数</span><span id="cishu"></span></p>
    <p><span>六等奖次数</span><span id="cishu6"></span></p>
    <p><span>五等奖次数</span><span id="cishu5"></span></p>
    <p><span>四等奖次数</span><span id="cishu4"></span></p>
    <p><span>三等奖次数</span><span id="cishu3"></span></p>
    <p><span>二等奖次数</span><span id="cishu2"></span></p>
    <p><span>一等奖次数</span><span id="cishu1"></span></p>
    <button type="button" onClick="creat_attack()">开始</button>
</div>

CSS:

.caipiao_p span{
	padding-right:5px;
}
.item_box{
	border-bottom:1px solid #ADADAD;
	padding-bottom:10px;
}
.c_input{
	width:210px;
	font-size:12px;
}


点击DEMO预览

donate.png

1210 x 50(蓝底).png

cloudcone