如何在JavaScript中实现某个方法执行超时后则继续执行其它方法？

YuLimin

浏览: 1921994 次
性别:
来自: 福建莆田@广州

最近访客更多访客>>

NET_ZHAO

u012363178

denglitong

ymgjava

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript IE 多线程浏览器脚本

我的一个想法是这样的，如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>JavaScript方法执行超时测试</title>
<script>
	var executed = false; // 方法B是否执行的标志位
	var x = 0; // 方法A中用来累加计数，使方法A执行超时
	var expiredTime = 3000;
	
	// 方法A
	function methodA( )
	{
		// 第一句就执行定时器
		setTimeout("methodB()",expiredTime);// setInterval()
		// 方法A的耗时内容执行开始
		x = x + 1;
		document.counter.displayBox.value = x;
		for(i = 0;i < 80000;i++)
		{
			window.status = "i=" + i;
		}
		// 方法A的耗时内容执行结束
		
		// 当方法A的耗时内容没有超过expiredTime的时间执行完成的话，就直接开始执行方法B
		methodB();
		// 设置方法B执行完成的标志位
		executed = true;
	}

	// 方法B
	function methodB()
	{
		if(executed == true)
		{
			// 执行过了......
		}
		else
		{
			// 执行......
		}
	}
</script>
</head>

<body>
<form name="counter">
	<input type="text" name="displayBox" value="0" size="10"/>
</form>

<script>
methodA();
</script>

</body>
</html>

异想天开，想用 setTimeout 来做个 workaround ，但是 setTimeout / setInterval 方法是在它所在的方法执行完之后才开始计时的，于是，光当一声，这个 workaround 不成立。
各位有没有做过类似的需求，如何解决的呢？

分享到：

如何从技术开发者过度为“头顶天花板双脚不 ... | 关于《如何塑造自己成为一名合格的软件工程 ...

2007-11-09 11:20
浏览 12968
评论(37)
论坛回复 / 浏览 (37 / 18721)
分类:Web前端
查看更多

17 楼 fins 2007-11-09

to Hax
下面一段代码,确实是先执行的B, 而不是A执行完之后再执行的B啊

<html>
<head>
<script type="text/javascript" >
function $(id){
	return document.getElementById(id);
}

function init(){
	setTimeout(A,5000);
	setTimeout(B,10)
}
function A(){
	$('s1').innerHTML='aaaa';
}
function B(){
	$('s2').innerHTML='bbbb';
}
</script>
</head>

<body onload="init();">
	<div id='s1'></div>
	<div id='s2'></div>
</body>
</html>

16 楼 fins 2007-11-09

hax 写道

myy 写道

可以考虑用 window.open() 开新窗口实现，这个在IE下肯定是多线程的

You r wrong. They always in one script thread.

这个我没明白
为什么新开个窗口后, 新窗口内执行的 js 和原窗口是一个线程????

比如原窗口内循环执行一个函数.
中途开了一个新窗口新窗口内也是调用一个函数
难道那个窗口的函数要执行完了
原窗口的才会继续执行下去????

如果open的窗口和原窗口是一个 script thread
那么通过 <a href=... target='_blank' >....
打开的呢?? 也是???

15 楼 fins 2007-11-09

hax 写道

fins 写道

niuyuewanzi 写道

setTimeout(A,10);   
setTimeout(B,10010);

我觉得这样起不到监听的效果,因为A肯定会全部执行完毕后才会执行B. 如果说用setInteval(A,duration)应该是可以的. 但是如果是因为SCRIPT占资源超时,我觉得可能没有合适的办法来计算超时多久后ABORT...

初学JAVASCRIPT,不深,有错请指点...

"因为A肯定会全部执行完毕后才会执行B"
此话错误

Generally speaking, he is right u r wrong.

setTimeout(A,10);
setTimeout(B,10010);

改为
setTimeout(B,10010);
setTimeout(A,10);
呢??

其实我知道 setTimeout并不能真正的达到我们预期的多线程
但是多少还是有点用的, 尤其是 A 和 B都不是那种会疯狂占用cpu的操作的时候

14 楼 hax 2007-11-09

There is no direct way to meet the Yulimin's requirements. If you want to control the execution process of a heavy task, I suggest u to separate a heavy task into many small tasks, when one task finish, u just use setTimeout to delay the next task and yield so that other timer can take over the control.

Of coz, it's complex tech, though there are some frameworks provide you the API like Executor and Queue class in other language.

Normally, if u just want to do some heavy computing, u can delegate such task to the server and use XHR to get the result.

13 楼 hax 2007-11-09

fins 写道

niuyuewanzi 写道

setTimeout(A,10);   
setTimeout(B,10010);

"因为A肯定会全部执行完毕后才会执行B"
此话错误

Generally speaking, he is right u r wrong.

12 楼 hax 2007-11-09

fyting 写道

借宝地问个问题，浏览器中如何实现“阻塞”，也就是说类似于java里sleep(1500)的效果。除了用不可控的xhr发出同步请求，或者短时间内的while(true)循环之外，还有其他办法吗？只要求sleep一秒左右即可……

search the old posts, we have discussed it before.

11 楼 hax 2007-11-09

myy 写道

可以考虑用 window.open() 开新窗口实现，这个在IE下肯定是多线程的

You r wrong. They always in one script thread.

10 楼 fyting 2007-11-09

9 楼 fins 2007-11-09

niuyuewanzi 写道

setTimeout(A,10);   
setTimeout(B,10010);

"因为A肯定会全部执行完毕后才会执行B"
此话错误

8 楼 radar 2007-11-09

嘿嘿，你这个命题是错误的吧！

超时和不超时A方法的执行没有区别啊！！！

应该是超时是A方法，不超时是C方法才好吧！！！

7 楼 myy 2007-11-09

基本认同 afcn0 的看法。

在 IE 中的单个页面中，js总是单线程的（我甚至认为XHR的callback也不是另开线程的，可以试验下，在send()之后立即进入死循环，callback不会被触发），楼主的要求是不可能做到的。

可以考虑用 window.open() 开新窗口实现，这个在IE下肯定是多线程的，但是肯定复杂且不优雅。

6 楼 afcn0 2007-11-09

首先js是单线程的，lz的想法就不对，那是多线程，现在基本除了XHR的callback可以另开一个线程以外，还无法实现多线程，其次timeout是在本次js代码运行完开始计时timeout的，所以在一个耗时的函数之外timeout或者interval一个函数运行本身就是荒谬的，ie下面alert，js函数执行也会阻塞interval执行，应该其他浏览器也是这么实现，我没测试，如果interval可以实现多线程，那至少ie上面也不行

5 楼 sp42 2007-11-09

写成callback
一般XHR都有，可参考

callback :{
  sccuess : fn,
  failure : fn
}

4 楼 niuyuewanzi 2007-11-09

setTimeout(A,10);   
setTimeout(B,10010);

3 楼 fins 2007-11-09

被监听函数


function A(){
  A.stopMe=false;
  A.finish=false;
  for (var i=0;i<10000;i++){
    //...若干比较耗时的操作...
    if (A.stopMe===true){ return ; }
  }
  A.finish=true;
}

监听函数

function B(){
  A.stopMe = A.finish===false;
}

再来个监听启动者
在 A运行 10000毫秒后去执行B

function startListen(){
  setTimeout(A,10);
  setTimeout(B,10010);
}

我这么说不知道楼上的明白没

2 楼 niuyuewanzi 2007-11-09

不确定所谓的超时的具体含义是什么,如果只是为了让后面的METHOD2在前面的METHOD1运行一段时间后运行的话,

setTimeout(method2(),duration);
method1();

不管method1是否真的执行了,或有错了,method2会被执行ANYWAY...

1 楼 fins 2007-11-09

引用

但是 setTimeout / setInterval 方法是在它所在的方法执行完之后才开始计时的

你可以把
setTimeout / setInterval 方法后的代码
再放到一个 setTimeout / setInterval 里啊

被监听方法 A

超时时间 10000毫秒

超时监听器 LQ

超时后 执行方法  B


那么函数可以这样写

LQ ( A ,10000 ,B)

LQ里面:

setTimeout(A,20);
setTimeout(B,10020);

大概就是这么个意思

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论