① 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()函數還是最好的選擇。