今天图老师小编给大家介绍下JS模拟多线程,平时喜欢JS模拟多线程的朋友赶紧收藏起来吧!记得点赞哦~
【 tulaoshi.com - Web开发 】
var Thread = {script src="prototype.js"/script
script type="text/javascript" defer="defer"
function test(obj,info,callback){
callback = callback || new Function();
new Ajax.Request('test.xml',{method:'get',
onSuccess:function(o){
$(obj).innerHTML += info + '完成br';
callback('完成');
},
onFailure : function(o){
$(obj).innerHTML += info + '失败br';
callback('失败');
},
onComplete : function(o){
document.body.scrollTop = 9999;
}
});
}
var Thread = {
runNum : 0, //当前正式运行的线程数
maxNum : 5, //最大同时执行的线程数 -1表示不限
commandList : new Array(),
start : function(){
//window.status = this.runNum;
if(this.maxNum != -1 && this.runNum = this.maxNum){
return;
}
if(this.commandList.length = 0){
this.runNum = 0;
return false;
}
this.runNum++;
var _this =this;
var tFun = function(){
if(!_this.commandList[0]) return;
var command = _this.commandList[0].shift();
command.apply(_this,_this.commandList[0].concat(
function(){ //alert(2)
if(_this.runNum 0)_this.runNum--;
setTimeout(function(){_this.start.apply(_this)},1);
}));
_this.commandList.shift();
}
setTimeout(tFun,1);
setTimeout(function(){_this.start.apply(_this)},10);
}
}
for(var i = 0; i 100 ; i++){
Thread.commandList.push(new Array(test,document.body,i+1));
};
Thread.start();
/script
body
/body
来源:http://www.tulaoshi.com/n/20160219/1595637.html