YUI杂记

最新推荐文章于 2024-07-12 16:27:40 发布

烧饼油条胡辣汤

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量703

点赞数

文章标签： yui javascript

本文链接：https://blog.csdn.net/Ghostiostream/article/details/18699615

版权

Y.Lang.isObject()
Y.Lang.isArray()
Y.Lang.isFunction()
Y.Lang.type()

Y.later的作用和settimeout类似，都是延迟执行方法

参数：( when o fn data periodic )

/**
 * when:表示延迟的时间
 * o:执行的上下文
 * fn:要执行的方法，是在o这个对象里的方法
 * data:传给fn的参数，可以是单个项，也可以是一个array
 * periodic:如果设置为true，那个该方法的执行如同setInterval，在一个间隔后连续执行
 */

使用Y.parallel来批量处理异步的方法调用

<!DOCTYPE html>
<html>
	<head>
		<title>Time</title>
	</head>
	<style type="text/css">
		* {
			font-family: Inconsolata, "Bitstream Vera Sans Mono", "Droid Sans Mono", "Courier New", monospace;
			margin: 0;
			padding: 0;
		}
		#main {
			margin: 100px;
		}
	</style>
	<body>
		<div id="main">
			<button>OK</button>
			<p></p>
		</div>
	</body>
	<script type="text/javascript" src="../../yui-min.js"></script>
	<script type="text/javascript">
		YUI().use('parallel', 'node', function(Y) {
			var stack = new Y.Parallel();
			var res = Y.one("#main p");

			Y.one('#main button').on('click', function(e) {
				e.preventDefault();

				res.append('<strong>Running begin:</strong><br></br>');

				//Y.later的用法示例

				// Y.later(1000, null, function(i){
				//  	res.append("<br>" +i);
				//  }, 100, true);

				// Y.later(1000, null, function(){
				// 	res.append("<br>" +100);
				// });
				// Y.later(1000, null, function(){
				// 	res.append("<br>" +100);
				// });
				// Y.later(2000, null, function(){
				// 	res.append("<br>" +100);
				// });
				// Y.later(3000, null, function(){
				// 	res.append("<br>" +100);
				// });

				//stack.add()的方法只是将add中的方法注册到stack中，要将其执行
				//然后才能调用stack.done，故而使用了立即执行()

				// for(var i = 1000; i <=5000; i=i+1000) {
				// 		stack.add(function() {
				// 			res.append(i + ' Callback fired<br>');
				// 		})();
				// }

				// stack.done(function() {
				// 	res.append('<br><strong>All Completed!</strong>');
				// });


				//在for循环中先将方法注册到stack中，然后Y.later每隔1秒调用一次注册的方法，
				//全部执行完之后，stack.done自动执行
				for(var i = 1000; i <=5000; i=i+1000) {
					Y.later(i, null, stack.add(function() {
						res.append(i + ' Callback fired<br>');
					}));
				}

				stack.done(function() {
					res.append('<br><strong>All Completed!</strong>');
				});
			});
		});
	</script>
</html>

烧饼油条胡辣汤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
YUI杂记

Y.Lang.isObject()Y.Lang.isArray()Y.Lang.isFunction()Y.Lang.type()Y.later的作用和settimeout类似，都是延迟执行方法参数：( when o fn data periodic )/** * when:表示延迟的时间 * o:执行的上下文 * fn:要执行的方法，是在o这个对象
复制链接

扫一扫

YUI杂记

“相关推荐”对你有帮助么？