Javascript 中怎么实现sleep()的功能

sohighthesky 2011-12-18 09:23:40



console.log("a");



sleep(2000);



console.log("b");



sleep(3000);



console.log("c");

这个sleep()要怎么实现才能优雅点，
因为sleep()的个数不定，所以直接用setTimeout貌似不太好

...全文

360 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

GoSky 2013-05-10

打赏
举报

学到不少

九月 2011-12-18

打赏
举报

楼主要的是优雅单纯的实现不难~~~

最优雅莫过于改写引擎让引擎支持这种写法

totem2010 2011-12-18

打赏
举报

sleep个数不定，数目少的话，用switch，个数多的话找规律，然后用循环和setTimeout不行吗

当然，若个数多，也没规律可循，那就没辙了

hetengfei_ 2011-12-18

打赏
举报

楼主是不是故意这么问的？

瞧瞧：
他那几个星星，
就知：
那家伙有什么没有见过啊！！！

totem2010 2011-12-18

打赏
举报

不是setTimeout吗

xuyanlu 2011-12-18

打赏
举报

function sleep(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
}
}
这是一种性能比较低下的代码！可以参考一下！

czhongzheng 2011-12-18

打赏
举报

用setInternal（）
var intId = setInterval(addDot,1000);
var intId1 = setInterval(adddot,2000);
function addDot(){
if (dotCounter < 10) {
dotCounter++;
$('#msg').html(dotCounter);
} else {
clearInterval(intId);
}
}
用setInternal（）调用函数，一个句子可以设置一个时间

hetengfei_ 2011-12-18

打赏
举报

我顶下：
axiheyhey
(牧名)
继续发！

峭沙 2011-12-18

打赏
举报

用队列的方式好像更好些。

		var sleep = (function(){

			var queue = [],

				isFree = true;

			return function(fn, delay){

				var args = arguments,

					self = this;

				if(isFree){

					isFree = false;

					setTimeout(function(){

						fn();

						isFree = true;

						if(queue.length !== 0){

							args.callee.apply(self, queue.shift());

						}

					}, delay);

				}else{

					queue.push(args);

				}

			}

		})();

		

		console.log('a');

		sleep(function(){

			console.log('b');

		}, 2000);

		sleep(function(){

			console.log('c');

		}, 3000);

峭沙 2011-12-18

打赏
举报

改进下

		var sleep = (function(){

			var _delay = 0;

			return function(fn, delay){

				_delay += delay;

				setTimeout(function(){

					fn();

					_delay = 0;

				}, _delay);

			}

		})();

		

		console.log('a');

		sleep(function(){

			console.log('b');

		}, 2000);

		sleep(function(){

			console.log('c');

		}, 2000);

峭沙 2011-12-18

打赏
举报

js不支持阻塞吧？除了alert之类的函数。如果只是想让某个函数延迟一段时间再执行的话，可以用回调的方式

		var sleep = (function(){

			var _delay = 0;

			return function(fn, delay){

				setTimeout(fn, _delay);

				_delay += delay;

			}

		})();

		sleep(function(){

			console.log('b');

		}, 2000);

		sleep(function(){

			console.log('c');

		}, 2000);

hetengfei_ 2011-12-18

打赏
举报

这个代码可能可能帮到你：
//相信你是高手，我就不特别注释了

<html>

<head><title>ajax</title>

<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>

<script src="JS/jquery-1.4.2-vsdoc.js" type="text/javascript"></script>

<script type="text/javascript">

		var _Timer =function(){

			var _this =this;

			this.DelayAdd=0;

			this.DelayDo=function(fn,delay){

				this.DelayAdd+=delay;

				setTimeout((function(fun,Da){

					return function(){

						fun();

					};

				})(fn,this.DelayAdd),this.DelayAdd);

			};

		};

		Timer.prototype.TimerId=null;

		Timer.prototype.DelayAdd=0;

		//

		function crossDomain() {

			var t=new _Timer();

			$("#ShowInfo").html("0");

			//========================用法一=================================

			var do1 = function(){$("#ShowInfo").html("1");};

			t.DelayDo(do1,1000);	

			//========================用法二=================================	

			t.DelayDo(function(){$("#ShowInfo").html("2");},1000);

			//========================用法二=================================	

			t.DelayDo(function(){$("#ShowInfo").html("3");},1000);

			

		}			

</script>

</head>



<body>



			<input type="button" onclick="crossDomain()" value="延时" />

		<div id="ShowInfo">-1</div>

</body>

</html>