本文目录一览:
- 1、javascript 怎么实现sleep功能,如果用while循环耗时间, 页面会锁死
- 2、js sleep函数怎么没有反应?
- 3、在js或as中怎么实现sleep函数的功能
- 4、js中怎么让程序暂停一段时间
- 5、JS中怎么实现sleep的功能
- 6、js如何实现 sleep()、wait()等功能?
javascript 怎么实现sleep功能,如果用while循环耗时间, 页面会锁死
你戳到js的痛处了
最开始设计时候就是单线程的
即时用setTimeout 模拟
也只是将代码片插入主线程里 然后间隔一个时间片自动触发执行
就像埋个定时boom 而不是sleep这种高级遥控boom
所以一般都是用:
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
语法
setTimeout(code,millisec)
参数
描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。
setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
js sleep函数怎么没有反应?
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:
var isIE = navigator.appName.indexOf("Microsoft") != -1;
return (isIE) ? window[movieName] : document[movieName];
}
/script
object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" 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="" /
/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()函数还是最好的选择。
在js或as中怎么实现sleep函数的功能
JS或者AS中好像都没有现成睡眠的功能,不过你可以用JS中的setTimeOut函数来进行模拟。
js中怎么让程序暂停一段时间
异步执行的函数需要使用回调来获取返回值你那种想等待回调函数执行后再把结果作为返回值的想法是无法实现,并且是极不可取的因为你并不知道需要多久该回调函数才能执行,让主线程阻塞在这儿等待不是一个正确的做法。
正确的做法还是在回调函数中获得值进行处理推荐写法:
var addre ="";var bm = new BMap.Map("container");gpsxy = function (xx,yy,i,callback){//添加一个参数作为回调函数,该函数可以获取addre参数
var gpsPoint = new BMap.Point(xx,yy);
bm.clearOverlays(); var marker = new BMap.Marker(gpsPoint); bm.addOverlay(marker);
bm.setCenter(gpsPoint); var gc = new BMap.Geocoder();
gc.getLocation(gpsPoint, function(rs){ var addComp = rs.addressComponents;
addre = addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber; check();
if(callback) callback(addre);//把addre传递到回调函数中,这样就可以在函数外部使用返回值了 }); }
调用示范:gpsxy(10,10,1,function(addre){ alert(addre);//这儿就可以使用这个值了 });
JS中怎么实现sleep的功能
函数式代码要比命令式或者面向对象方式的代码更简洁,更可预测以及更容易测试 - 但是如果你不熟悉它及跟它相关的常用模式,函数式代码看起来也是非常晦涩,并且对于初学者来说它的相关文献也很难理解。
js如何实现 sleep()、wait()等功能?
分享功能,这要会程序才可以的。要把标题和简介的字段按照这些大门户站 指定的规则发送过去才行的。