① js sleep函数怎么没有反应
javaScript中是没有sleep命令的,通常情况下,可以使用现有的setTimeout(),clearTimeout()和setInterval()来完成,在这种情况下,你应该使用内置函数。但如果你真的需要有选项的sleep或等待语句,看看什么代码可以工作得最好。
sleep方法有什么要求呢?看看下面的权威描述最能说明问题:
暂停应用程序的当前线程,时间为指定的毫秒数,允许其他进程(或线程)继续运行。
下面是javascript实现sleep函数的各种方法:
(1)通过循环实现JavaScriptsleep
(2)通过JavaApplet实现JavaScriptsleep
(3)通过Flash实现JavaScriptsleep
(4)通过XMLHttp实现JavaScriptsleep
通过循环实现JavaScriptsleep
代码如下:
<scripttype="text/javascript">
//badimplementation
functionsleep(milliSeconds){
varstartTime=newDate().getTime();//getthecurrenttime
while(newDate().getTime()<startTime+milliSeconds);//hogcpu
}
</script>
我们使用一个while循环,在第3行,不断检测当前的时间,到时间了我们就停止循环。这个循环运行速度很快,浏览器将占用所有宝贵的CPU资源。检查时间可能看起来并不多,但每秒做数千次(或几万),使您的计算机上性能受到影响。
通过JavaApplet实现JavaScriptsleep
这个解决方案是插入一个JavaApplet,通过Javascript和javaapplets进行通讯,JavaApplets使用Java的Thread.sleep()方法休眠线程(不占用资源)。
<appletcode="DevCheater.class"name="devCheater"id="devCheater"mayscript="true"height="1"width="1">
</applet>
<scripttype="text/javascript">
functionsleep(milliSeconds){
//runsJavaAppletssleepmethod
document.devCheater.sleep(milliSeconds);
}
</script>
此方法不冻结所有页面中的其他javascript(使用Chrome时除外)。不幸的是,它需要安装一个Java插件。
通过Flash实现JavaScriptsleep
如果我们尝试了Java,为什么不试试ADOBEFLASH。我创建了一个Flash应用程序,有一个方法叫flashSleep()。我使用javascript调用我的flash方法,并传入需要sleep的毫秒数。但不幸的是,这种方法在大多数的浏览器中也导致了阻塞。
<scripttype="text/javascript">
functionsleep(milliSeconds){
//callsleepmethodinflash
getFlashMovie("flashSleep").flashSleep(milliSeconds);
}
functiongetFlashMovie(movieName){
//source:http://kb2.adobe.com/cps/156/tn_15683.html
varisIE=navigator.appName.indexOf("Microsoft")!=-1;
return(isIE)?window[movieName]:document[movieName];
}
</script>
<objectclassid="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">
<paramname="allowScriptAccess"value="sameDomain"/>
<paramname="allowFullScreen"value="false"/>
<paramname="movie"value="flashSleep.swf"/>
<paramname="quality"value="high"/><paramname="bgcolor"value="#ffffff"/><embedsrc="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实现JavaScriptsleep
另一种方法是使用XMLHttp进行服务器通信。
<scripttype="text/javascript">
functionsleep(milliSeconds){
varresource;
varresponse;
if(typeofActiveXObject=='undefined'){
resource=newXMLHttpRequest();
}
else{
//IE
resource=newActiveXObject("Microsoft.XMLHTTP");
}
try{
resource.open('GET','sleep.php?milliSeconds='+milliSeconds,false);
resource.send(null);
response=resource.responseText;//JavaScriptwaitsforresponse}catch(e){
alert(e);
}
returntrue;}
</script>
<?PHP
$milliSeconds=intval($_REQUEST['milliSeconds']);
if($milliSeconds>60*1000){
//limitserverabuse
$milliSeconds=10;
}
usleep($milliSeconds*1000);//note:"done";
?>
该方法并不占用用户计算机的CPU资源,但加重了服务器额外的负载。而且该方法阻塞了浏览器中其它javascript,对于服务器来说产生了类似DDos的攻击。
结论
从测试数据来看,许多的实现都有一定的副作用,所以setTimeout()或setInterval()函数还是最好的选择。