由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少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秒只会执行一次按钮点击应该执行的事情):
结语
- 本文的例子思路和实现都是相当简单的,但确是很实用的方法。
- 另外,从这个思路出发,还能解决一些类似的问题,比如:
- 音乐进度条的拖动。由于拖动的报告率太高,导致拖动过程界面卡顿,音乐的播放也很卡顿,那就可以用这个思路,每一段时间内只对应响应一次。
- 降低输入框的响应。
- 后续我们再聊聊上面这些例子的解决方法实现。他们本质都是这个模拟加锁的思路,但可能有些需要一些细节上不同的处理。
man-attestats24.com – Купить школьный аттестат – ключ к твоему будущему. В данном портале все вы можете легко и оперативно приобрести свидетельство, обязательный для дальнейшего обучения или профессионального роста. Наши специалисты гарантируют качество и секретность предоставления услуг. Покупайте учебный аттестат в нашем сервисе и проявите новые варианты для своего образования и трудоустройства.
3 tadalafil prescription
http://man-attestats24.com – Купить аттестат классов – путь для вашему перспективам. На нашем портале все вы можете просто и оперативно приобрести аттестат, необходимый для дальнейшего получения образования или профессионального роста. Наши консультанты гарантируют высокое качество и конфиденциальность услуги. Покупайте образовательный сертификат здесь и проявите другие возможности для того, чтобы вашего карьерного развития и карьеры.
casino online uy tin casino tr?c tuy?n vi?t nam game c? b?c online uy tin
http://casinvietnam.shop/# casino tr?c tuy?n
http://casinvietnam.com/# choi casino tr?c tuy?n tren di?n tho?i
best price usa tadalafil
pharmacy rx world canada
azithromycin 600 mg tablet
metformin buy india
buying valtrex online
synthroid 125 mcg tablet
Здравствуйте!
Бывало ли у вас такое, что приходилось писать дипломную работу в очень ограниченные сроки? Это действительно требует большой ответственности и тяжелого труда, но важно не сдаваться и продолжать активно заниматься учебными процессами, так же, как и я.
Для тех, кто умеет эффективно использовать интернет для поиска и анализа информации, это действительно облегчает процесс согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями по ссылке , это проверенный способ!
http://everyday.flyboard.ru/viewtopic.php?f=6&t=1990
купить диплом Гознак
купить диплом университета
купить аттестат школы
купить диплом о высшем образовании
купить диплом Вуза
Желаю каждому нужных оценок!
zestoretic 10 12.5
synthroid 150 mg cost
onlinepharmaciescanada com
man-attestats24.com – Аттестат купить окончание – ключ для вашему перспективам. В нашем портале все вы можете без труда и оперативно приобрести свидетельство, обязательный для того, чтобы дальнейшего получения образования или трудоустройства. Наши специалисты гарантируют качество и конфиденциальность услуги. Заказывайте образовательный сертификат у нас и проявите другие возможности для вашего образования и карьеры.
https://man-attestats24.com – Купить школьный аттестат – возможность к вашему перспективам. На данном сервисе все вы можете просто и быстро купить свидетельство, нужный для того, чтобы дальнейшего обучения или профессионального роста. Наши эксперты гарантируют высокое качество и секретность услуги. Заказывайте учебный сертификат в нашем сервисе и откройте новые перспективы для того, чтобы своего карьерного развития и карьеры.
Где купить аттестат – возможность к твоему будущему. На нашем сервисе все вы можете легко и оперативно купить аттестат, необходимый для дальнейшего изучения или трудоустройства. Наша специалисты обеспечивают высокое качество и конфиденциальность услуги. Заказывайте учебный аттестат у нас и проявите другие варианты для своего карьерного развития и карьеры.
Доброго всем дня!
Бывали ли у вас случаи, когда приходилось писать дипломную работу в крайне сжатые сроки? Это действительно требует большой ответственности и напряженного труда, но важно не унывать и продолжать активно участвовать в учебном процессе, как я и делаю.
Для тех, кто умеет эффективно находить и использовать информацию в интернете, это может существенно облегчить процесс согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или организацию встреч с научным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями на , это проверено!
http://www.vetreriameliante.it/index.php/kforum/jm-slideshow-module/9503-img-https#9503
купить диплом ссср
купить диплом нового образца
купить диплом института
купить диплом бакалавра
купить диплом специалиста
Желаю всем нужных отметок!
https://man-attestats24.com/ – Купить аттестат классов – ключ для твоему перспективам. В данном портале все вы можете без труда и оперативно приобрести свидетельство, нужный для последующего обучения или профессионального роста. Наши консультанты обеспечивают качество и секретность предоставления услуг. Покупайте школьный аттестат здесь и откройте новые возможности для своего образования и трудоустройства.
PBN sites
We will generate a structure of PBN sites!
Advantages of our PBN network:
WE DO everything SO THAT Google doesn’t understand THAT this is A private blog network!!!
1- We acquire domains from distinct registrars
2- The principal site is hosted on a VPS hosting (Virtual Private Server is high-speed hosting)
3- Other sites are on distinct hostings
4- We allocate a separate Google profile to each site with confirmation in Google Search Console.
5- We create websites on WordPress, we don’t utilize plugins with assistance from which malware penetrate and through which pages on your websites are produced.
6- We do not duplicate templates and use only exclusive text and pictures
We do not work with website design; the client, if desired, can then edit the websites to suit his wishes
50 mg prednisone from canada
synthroid 100mcg tab
zestril 10 mg price
cheapest pharmacy canada
casino tr?c tuy?n vi?t nam: web c? b?c online uy tín – web c? b?c online uy tín
casino tr?c tuy?n casino tr?c tuy?n casino tr?c tuy?n uy tin
https://referatnash.ru/
Купить школьный аттестат – возможность к вашему перспективам. На данном сервисе все вы можете легко и оперативно купить аттестат, обязательный для последующего получения образования или профессионального роста. Наша эксперты обеспечивают высокое качество и секретность услуги. Заказывайте образовательный сертификат у нас и откройте дополнительные перспективы для своего карьерного развития и трудоустройства.
corticosteroids prednisone
synthroid 125
prednisone cost
https://casinvietnam.shop/# game c? b?c online uy tin
canadian pharmacy 24 com
script pharmacy
http://casinvietnam.com/# casino tr?c tuy?n
http://casinvietnam.shop/# web c? b?c online uy tin
prednisone brand
Здравствуйте!
Было ли у вас когда-нибудь такое, что приходилось писать дипломную работу в сжатые сроки? Это действительно требует огромной ответственности и напряженных усилий, но важно не сдаваться и продолжать активно заниматься учебными процессами, чем я и занимаюсь.
Для тех, кто умеет искать и анализировать информацию в интернете, это действительно помогает в процессе согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по России. Можете ознакомиться с предложениями по ссылке , проверено!
https://coffeepeople.ru/viewforum.php?f=35
купить диплом Гознак
купить диплом техникума
купить диплом института
купить диплом магистра
купить аттестат школы
Желаю любому нужных отметок!
casino tr?c tuy?n casino online uy tin web c? b?c online uy tin
prednisone without a prescription
http://casinvietnam.com/# choi casino tr?c tuy?n tren di?n tho?i
casino tr?c tuy?n casino tr?c tuy?n uy tin game c? b?c online uy tin
casino tr?c tuy?n vi?t nam danh bai tr?c tuy?n game c? b?c online uy tin
https://praktikaotchet.ru/
https://casinvietnam.com/# casino tr?c tuy?n vi?t nam
choi casino tr?c tuy?n tren di?n tho?i choi casino tr?c tuy?n tren di?n tho?i danh bai tr?c tuy?n
legit pharmacy websites
casino tr?c tuy?n vi?t nam casino tr?c tuy?n casino tr?c tuy?n vi?t nam