由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少bug发生,降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。
思路
- 声明一个锁(布尔值),用来标识按钮,变量是否被锁上
- 当按钮按下后,把布尔值设置为false,即标记为已锁上
- 设置一个延时函数setTimeout(),等待一段时间后再把这个锁归还,设置布尔值为true
- 显然我们的按钮点击事件一开始就应该判断锁是否被锁上,是则直接结束。否则才能正常执行
示例
- HTML / JS
<div style="width:100%;display:flex;justify-content: center;background:#66ccff;border-radius:10px;border 1px solid #66ccff;">
<button onclick="btn_click()" style="border-radius:10px;">
点死我
</button>
</div>
<script>
//锁变量
let lock = true;
//按钮点击执行函数
function btn_click() {
if(lock == false) {
return;
}
//加锁
lock = false;
//执行按钮点击本应执行的事情
alert("点了一下我捏");
//限制间隔5000毫秒(即5秒)只能执行一次
setTimeout(function(){
//解锁
lock = true;
},5000);
}
</script>
- 效果(每隔5秒只会执行一次按钮点击应该执行的事情):
结语
- 本文的例子思路和实现都是相当简单的,但确是很实用的方法。
- 另外,从这个思路出发,还能解决一些类似的问题,比如:
- 音乐进度条的拖动。由于拖动的报告率太高,导致拖动过程界面卡顿,音乐的播放也很卡顿,那就可以用这个思路,每一段时间内只对应响应一次。
- 降低输入框的响应。
- 后续我们再聊聊上面这些例子的解决方法实现。他们本质都是这个模拟加锁的思路,但可能有些需要一些细节上不同的处理。
750 mg metformin
Написание дипломных работ https://diplompishem.ru/, курсовых и рефератов от лучших авторов. Заказать студенческую работу с антиплагиатом и уникализацией.
metformin 60 tablets 1000 mg
synthroid 112 mcg cost
Ví dụ, khách hàng cần vay ngân hàng một số tiền cụ thể 100 triệu đồng, thời gian vay 5 năm với lãi suất vay cố định 7,5% năm. Số tiền lãi khách hàng sẽ trả trong thời gian vay như sau: Vay tiền hạn mức cao để mua nhà, mua xe đang được rất nhiều người quan tâm. Đặc biệt là gói vay 500 triệu trong 5 năm là khoản vay hấp dẫn phục vụ được nhiều nhu cầu vay vốn. Vậy vay vốn 500 triệu có lãi suất bao nhiêu, cách vay như thế nào? chúng ta hãy cùng tìm hiểu chi tiết qua bài viết dưới đây. Theo Khoản 2, Điều 13 Thông tư 39 2016 TT-NHNN, ngân hàng và khách hàng thỏa thuận về lãi suất cho vay ngắn hạn bằng đồng Việt Nam nhưng không vượt quá mức lãi suất cho vay tối đa do Thống đốc Ngân hàng Nhà nước Việt Nam quyết định trong từng thời kỳ nhằm đáp ứng một số nhu cầu vốn:
https://www.nintendo-master.com/profil/outoththena1982
Vay tiêu dùng shinhan trực tuyến là giải pháp tín dụng nhanh phục vụ các nhu cầu tài chính cá nhân. Quý khách hàng có thể đăng ký khoản vay trên ứng dụng Mobile Banking SOL của Ngân hàng Shinhan với thủ tục đăng ký 100% trực tuyến và không cần đến ngân hàng. Đáng chú ý trên trang chủ Zalo ở mục “Bank”, người tham gia mạng này có thể tiếp cận các khoản vay tiêu dùng từ ngân hàng – tổ chức tài chính và mở thẻ tín dụng. Sau khi kê khai một số thông tin cá nhân theo yêu cầu của Zalo Bank, với mức kê khai thu nhập 10 triệu đồng tháng, PV Báo Lao Động được thông báo có đủ điều kiện để đăng ký gói vay tín dụng với số tiền vay 120 triệu đồng và kỳ hạn vay tối đa 60 tháng. Tuy nhiên, mức lãi suất cho vay mà Zalo Bank thông báo rất cao so với mặt bằng lãi suất cho vay hiện nay khi lên tới 17% – 45% năm.
synthroid 0.125
voltaren emulgel 30gr tube (generic
how to get valtrex over the counter
http://man-attestats24.com – Купить аттестат школы – ключ для твоему будущему. В данном сервисе вы сможете легко и быстро приобрести свидетельство, необходимый для последующего изучения или профессионального роста. Наша эксперты обеспечивают высокое качество и конфиденциальность предоставления услуг. Заказывайте образовательный сертификат в нашем сервисе и проявите дополнительные варианты для того, чтобы вашего карьерного развития и карьеры.
prednisone cost canada
https://man-attestats24.com – Купить аттестат в москве – путь к вашему будущему. В нашем сервисе все вы можете без труда и быстро приобрести свидетельство, обязательный для последующего обучения или профессионального роста. Наша специалисты обеспечивают качество и секретность предоставления услуг. Заказывайте школьный аттестат здесь и проявите дополнительные перспективы для того, чтобы своего карьерного развития и карьеры.
lisinopril 20 tablet
canadian happy family store pharmacy
In the quest to boost online visibility and drive organic traffic, uncovering the best SEO solutions near you has evolved into crucial. Local firms acknowledge the meaning of aimed search engine optimization methods that attend to their individual geographic area. The term “near me” has acquired huge significance in today’s digital landscape, as people often integrate it in their search queries to unearth products and services in their area. The finest SEO providers within your reach grasp the particulars of local SEO, incorporating location-based phrases, Google My Business refinement, and precise business directory directories. By focusing on these features, these offerings can assist businesses attain greater rankings in local search findings, assuring that potential buyers locate them readily when searching for pertinent solutions in their region.
The challenge for online visibility has intensified, making it important for businesses to put money into top-notch SEO support. Hunting for “best SEO solutions near me” represents the modern disposition towards personalized and localized answers. Collaborating with such assistance provides several upsides, including face-to-face conversations, a deeper understanding of local competition, and the capability to modify strategies based on the distinctive characteristics of your target. The finest SEO services in your proximity will not only improve your webpage but also devise comprehensive digital marketing tactics that may cover content creation, social media involvement, and even paid advertising promotions. By harnessing the capability of localized SEO, businesses can create a strong online appearance that efficiently engages local clients and sets the stage for long-term growth.
Telgrm: @xrumers
https://XRumer.cc/
Skype: XRumer.pro