有一个很重要按钮,点击它可能出现可怕的事情,但有时又不得不点击,这时你就可以给这个按钮添加一些小bug,让1秒内连续点击5次才能触发它,是不是很神奇,这个小功能貌似没有一点用
1、html部分
<a class="btn btn-success" id="importExcelBtn">
<i class="fa fa-spinner"></i> 连续点击
</a>
2、js部分
$(document).ready(function () {
var clickCount = 0;
var maxClicks = 5;//需要连续点击的次数
var button = $('#importExcelBtn');
var firstClickTime = null;
var clickInterval = 1000; // 1秒
button.on('click', function (e) {
e.preventDefault(); // 阻止链接的默认行为
var currentTime = new Date().getTime();
if (firstClickTime === null) {
// 如果是第一次点击,则记录时间
firstClickTime = currentTime;
} else if (currentTime - firstClickTime <= clickInterval) {
// 如果是在一秒钟内点击的,则增加点击次数
clickCount++;
if (clickCount === maxClicks) {
// 执行同步操作
alert('你成功了哎')
// 重置点击计数和首次点击时间
clickCount = 0;
firstClickTime = null;
}
} else {
// 如果超过一秒钟,则重置点击计数和首次点击时间
clickCount = 1; // 重置为1,因为用户已经点击了一次
firstClickTime = currentTime;
}
})
});