随笔 - 76, 评论 - 94, 访问 - 444568

导航


  • 访问:444568次
  • 积分:808分
  • 排名:第15名
  • 随笔:76篇
  • 评论:94条

随笔分类

随笔档案

相册

最新评论

阅读排行榜

评论排行榜

好饱 阅读(24947) 评论(6)

 

你有没有需要在JavaScript中使用sleep命令?通常情况下,可以使用现有的setTimeout(),clearTimeout()和setInterval()来完成,在这种情况下,你应该使用内置函数。但如果你真的需要有选项的sleep或等待语句,看看什么代码可以工作得最好。

sleep方法有什么要求呢?看看下面的权威描述最能说明问题:

暂停应用程序的当前线程,时间为指定的毫秒数,允许其他进程(或线程)继续运行。

 

下面是javascript实现sleep函数的各种方法:

(1)通过循环实现JavaScript sleep

(2)通过Java Applet实现JavaScript sleep

(3)通过Flash实现JavaScript sleep

(4)通过XMLHttp实现JavaScript sleep

 

通过循环实现JavaScript sleep

代码如下:

<script type="text/javascript">
// bad implementation
function sleep(milliSeconds){
	var startTime = new Date().getTime(); // get the current time
	while (new Date().getTime() < startTime + milliSeconds); // hog cpu
}
</script>
我们使用一个while循环,在第3行,不断检测当前的时间,到时间了我们就停止循环。这个循环运行速度很快,浏览器将占用所有宝贵的CPU资源。检查时间可能看起来并不多,但每秒做数千次(或几万),使您的计算机上性能受到影响。
通过Java Applet实现JavaScript sleep
这个解决方案是插入一个Java Applet,通过Javascript和java applets进行通讯,Java Applets使用Java的Thread.sleep()方法休眠线程(不占用资源)。
<applet code="DevCheater.class" name="devCheater" id="devCheater" mayscript="true" height="1" width="1"></applet>

<script type="text/javascript">

	function sleep(milliSeconds){
		// runs Java Applets sleep method
		document.devCheater.sleep(milliSeconds); 
	}

</script>
此方法不冻结所有页面中的其他javascript(使用Chrome时除外)。不幸的是,它需要安装一个Java插件。
通过Flash实现JavaScript sleep
如果我们尝试了Java,为什么不试试ADOBE FLASH。我创建了一个Flash应用程序,有一个方法叫flashSleep()。我使用javascript调用我的flash方法,并传入需要sleep的毫秒数。但不幸的是,这种方法在大多数的浏览器中也导致了阻塞。
<script type="text/javascript">

	function sleep(milliSeconds){
		// call sleep method in flash
		getFlashMovie("flashSleep").flashSleep(milliSeconds);
	}

	function getFlashMovie(movieName){
		// source: http://kb2.adobe.com/cps/156/tn_15683.html
		var isIE = navigator.appName.indexOf("Microsoft") != -1;
		return (isIE) ? window[movieName] : document[movieName];
	}

</script>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="50" height="50" id="flashSleep" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flashSleep.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />	
<embed src="flashSleep.swf" quality="high" bgcolor="#ffffff" width="50" height="50" name="flashSleep" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
测试发现,Flash也不是理想的方式。
通过XMLHttp实现JavaScript sleep
另一种方法是使用XMLHttp进行服务器通信。
<script type="text/javascript">

function sleep(milliSeconds){
	var resource;
	var response;
	if(typeof ActiveXObject == 'undefined'){
		resource = new XMLHttpRequest();
	}
	else{
		// IE
		resource = new ActiveXObject("Microsoft.XMLHTTP");
	}

	try{
		resource.open('GET', 'sleep.php?milliSeconds=' + milliSeconds, false);
		resource.send(null);
		response = resource.responseText; // JavaScript waits for response
	}
	catch(e){
		alert(e);
	}
	
	return true;
}
	
</script>
<?PHP
	$milliSeconds = intval($_REQUEST['milliSeconds']);
	if($milliSeconds > 60*1000){
		// limit server abuse
		$milliSeconds = 10;
	}
	
	usleep($milliSeconds * 1000); // note: usleep is in micro seconds not milli
	echo "done";
?>
该方法并不占用用户计算机的CPU资源,但加重了服务器额外的负载。而且该方法阻塞了浏览器中其它javascript,对于服务器来说产生了类似DDos的攻击。
结论
从测试数据来看,许多的实现都有一定的副作用,所以setTimeout()或setInterval()函数还是最好的选择。

评论列表
Margo
我喜欢它,当我可以告诉一个作家有地方提出了很多的工作为他们的内容。我真的很高兴,我研究这个... 。
***
逗比
***
逗比,根本等于没说嘛!!!
Fuck
笑死我了   不懂就别写技术帖。还标题javascript实现 sleep.....
user
写的很好啊,对我有帮助。如果觉得不好,请具体指出哪里有问题。
someone
挺好的 我们在做wap wmls 转为 js的一个项目 就需要考虑这样的问题 扩散了一下思路

发表评论
切换编辑模式