js连续点击缓冲响应

weixin_34162629

于 2012-11-12 16:30:00 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/hotleave/blog/88723

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

最近做项目遇到了这样的情况：页面需要能放大缩小，而放大缩小的响应方法比较耗时，所以就会导致快速点击时IE浏览器出问题。于是设计了下面这段程序，把点击事件缓冲，记录最后的状态，当用户停止点击时，一起生效。

jQuery(function ($) {
		var base = 1, clickCount = 0;
		function zoom(rate) {
			base = parseFloat(base * rate).toFixed(4);

			++clickCount;

			//  显示loading
			$('#message').show();
			setTimeout(doZoom, 1000);
		}

		function doZoom() {
			if (--clickCount == 0) {
				// 隐藏loading
				$('#message').hide();

				// 放大或缩小
				$('#displayBox').html(base);
			}
		}

            $('#zoomIn').bind('click', function() {zoom(1.15);});
	    $('#zoomOut').bind('click', function() {zoom(0.85);});	
    });

转载于:https://my.oschina.net/hotleave/blog/88723