emu in blogjava

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  171 随笔 :: 103 文章 :: 1052 评论 :: 2 Trackbacks
原帖子发表在 http://community.csdn.net/Expert/TopicView.asp?id=4069144 author:emu(黄希彤)

有csdn的朋友把http://community.csdn.net/Expert/TopicView.asp?id=3191873 给翻了出来,这样在javascript中模拟多线程又有了更漂亮的做法了:

 1<html><head><title>emu -- 用fason的参数化定时器模拟多线程</title></head><body>
 2<SCRIPT LANGUAGE="JavaScript">
 3<!--
 4
 5var _st = window.setTimeout;
 6window.setTimeout = function(fRef, mDelay) {
 7    if(typeof fRef == 'function'){
 8        var argu = Array.prototype.slice.call(arguments,2);
 9        var f = (function(){ fRef.apply(null, argu); });
10        return _st(f, mDelay);
11    }

12    return _st(fRef,mDelay);
13}

14
15var _int = window.setInterval;
16window.setInterval = function(fRef, mDelay) {
17    if(typeof fRef == 'function'){
18        var argu = Array.prototype.slice.call(arguments,2);
19        var f = (function(){ fRef.apply(null, argu); });
20        return _int(f, mDelay);
21    }

22    return _st(fRef,mDelay);
23}

24
25
26function startNewTask(){
27    var target = document.getElementById("sampleResult").cloneNode(true);
28    with (target){
29    id="";style.display="block";style.color=(Math.floor(Math.random()* (1<<23)).toString(16)+"00000").substring(0,6);
30    }

31    document.body.insertBefore(target,document.body.lastChild);
32    var parameter = {target:target,n:0,result:0}
33    parameter.timer = setInterval(count,1,parameter);
34}

35
36function  count(parameter){
37    with (parameter){
38        if (!target.stop){
39            for(var i=0;i<speed;i++)
40                if (n<MAX) result += ++n;
41            target.innerHTML = result;
42        }

43        if (n>=MAX){
44            clearInterval(timer);
45            setTimeout(function(elm){document.body.removeChild(elm)},2000,target);
46        }

47    }

48}

49
50var speed = 1111;
51var MAX=100000;
52//-->
53
</SCRIPT>
54<button onclick="startNewTask()">开始新线程</button>
55
56<BR><BR>
57<div id=sampleResult onmouseover="this.stop=true" onmouseout="this.stop=false" style="display:none;cursor:hand">0</div>
58</body>
59</html>


在IE6和firefox1.5下面通过

有的时候command模式也许不是最好的办法,比如我之前写的例子。写那个例子纯粹只是为了演示command确实可以用在javascript中,并不表示我们任何时候都应该优先考虑这样做。 至于command模式本身,我仍认为它是最简洁优美的模式之一,在我们用各种语言解决问题的时候都可以考虑使用它,而不止于j2se。 套一句名言:如果你的工具箱里面只有榔头这一样工具,那么每个问题在你的眼里看起来都象钉子author:emu(黄希彤)
posted on 2005-06-20 10:59 emu 阅读(2054) 评论(2)  编辑  收藏

评论

# re: 用fason的参数化定时器在javascript中模拟多线程 2006-09-19 15:55 goldduck
不明白,在实际处理中有何意义  回复  更多评论
  

# re: 用fason的参数化定时器在javascript中模拟多线程 2006-09-19 21:40 emu
主要是在我们希望进行大量运算又不希望堵塞用户交互的情况下可以考虑这样处理。不过就算现在没有钉子,工具箱里有把榔头也没什么不好啊。  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: