欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

点击事件内部含有定时器,重复点击定时器重新触发

程序员文章站 2022-04-03 12:34:04
...

1.整体思路就是在点击事件外部定义一个与点击事件相同作用域的变量。

2.在点击事件中判断定时器是否存在,如果存在则清楚定时器。重新定义定时器。代码如下:

var clock, clockFlag = false;//外部变量,clickFlag是定时器是否存在的标志
$("#versionShow").click(function() {
	if (clickFlag) {
		clearTimeout(clock);
		return;
	}
	clickFlag = true;
	clock = setTimeout(function() {
		clickFlag = false;
	}, 8000)
})