js sleep函数怎么没有反应

2019独角兽企业重金招聘Python工程师标准>>>

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()函数还是最好的选择。

转载于:https://my.oschina.net/u/1866821/blog/338180