javascript模拟线程

于 2010-11-25 16:26:58 发布 · 90 阅读

文章标签：

本文介绍如何在JavaScript中通过原型模拟类的概念，并创建线程类来动态生成带有计数功能的div元素，演示简单的线程限制机制。

javascript虽然没有类，但是可以模拟类下面就是代码在你的页面增加一个按钮
触发 addThread()方法就可以看到效果了。
<script>
[b]//定义产生div的类[/b]

DivCreator=function (){};
DivCreator.prototype.counter=1;  //这个计算div的个数， 即线程的个数
DivCreator.prototype.creatDiv=function(){

	var  div=document.createElement("div");
	div.style.background="#ffff00";
	div.id=this.counter++;
	document.body.appendChild(div);
	return div;                       //闭包
}


[b]//定义线程类[/b]
var divCreator= new DivCreator();

Thread =function(){};
Thread.prototype.start=function(){
	var div=divCreator.creatDiv();
	if(div.id>10){

		div.innerHTML="只允许10个线程，你的cpu要爆炸了"
		return;
	}else{
		var num=div.id;
		setInterval(function(){
			div.innerHTML="第"+div.id+"div正在运行中:"+(num++);
		},100);

	}
}
function addThread(){

	var thread=new Thread();
	thread.start();
}


</script>