由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少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秒只会执行一次按钮点击应该执行的事情):
结语
- 本文的例子思路和实现都是相当简单的,但确是很实用的方法。
- 另外,从这个思路出发,还能解决一些类似的问题,比如:
- 音乐进度条的拖动。由于拖动的报告率太高,导致拖动过程界面卡顿,音乐的播放也很卡顿,那就可以用这个思路,每一段时间内只对应响应一次。
- 降低输入框的响应。
- 后续我们再聊聊上面这些例子的解决方法实现。他们本质都是这个模拟加锁的思路,但可能有些需要一些细节上不同的处理。
generic tadalafil 20mg
buy lisinopril 2.5 mg
best canadian online pharmacy Prescription Drugs from Canada canadian pharmacy world reviews
я уже смотрел обзор здесь https://my-obzor.com/ перед тем, как сделать заказ. Не сказать, что все отзывы были 100% положительные, там уже упоминались основные минусы и плюсы.
mexican pharmacy cheapest mexico drugs purple pharmacy mexico price list
https://canadaph24.pro/# pharmacy wholesalers canada
tadalafil 5mg tablet online canada
azithromycin 500mg price south africa
http://casinvietnam.com/# casino tr?c tuy?n
https://casinvietnam.shop/# casino tr?c tuy?n vi?t nam
prednisone 1 mg cost
danh bai tr?c tuy?n danh bai tr?c tuy?n game c? b?c online uy tin
casino tr?c tuy?n uy tin danh bai tr?c tuy?n casino tr?c tuy?n
https://casinvietnam.com/# game c? b?c online uy tin
casino tr?c tuy?n: casino tr?c tuy?n vi?t nam – casino tr?c tuy?n uy tín
synthroid 150 mcg
На сегодняшний день, когда аттестат становится началом успешной карьеры в любом направлении, многие стараются найти максимально простой путь получения качественного образования. Наличие официального документа трудно переоценить. Ведь именно диплом открывает дверь перед людьми, стремящимися начать трудовую деятельность или продолжить обучение в каком-либо ВУЗе.
В данном контексте мы предлагаем быстро получить этот необходимый документ. Вы сможете приобрести аттестат старого или нового образца, что будет выгодным решением для всех, кто не смог закончить обучение или утратил документ. Любой аттестат изготавливается аккуратно, с максимальным вниманием к мельчайшим нюансам, чтобы в результате получился полностью оригинальный документ.
Плюсы данного подхода заключаются не только в том, что вы быстро получите свой аттестат. Весь процесс организовывается комфортно и легко, с профессиональной поддержкой. Начиная от выбора подходящего образца аттестата до консультации по заполнению персональных данных и доставки по России — все будет находиться под абсолютным контролем наших специалистов.
В итоге, всем, кто ищет быстрый способ получить необходимый документ, наша компания готова предложить выгодное решение. Приобрести аттестат – это значит избежать долгого процесса обучения и не теряя времени переходить к достижению собственных целей: к поступлению в университет или к началу удачной карьеры.
http://prema-attestats.ru/ – купить аттестат
На сегодняшний день, когда аттестат – это начало успешной карьеры в любой отрасли, многие ищут максимально простой путь получения качественного образования. Важность наличия документа об образовании переоценить невозможно. Ведь именно он открывает дверь перед любым человеком, который стремится начать профессиональную деятельность или продолжить обучение в университете.
Мы предлагаем оперативно получить любой необходимый документ. Вы можете купить аттестат нового или старого образца, что будет удачным решением для всех, кто не смог закончить обучение, потерял документ или хочет исправить плохие оценки. Любой аттестат изготавливается с особой тщательностью, вниманием ко всем деталям, чтобы в итоге получился документ, полностью соответствующий оригиналу.
Плюсы подобного решения заключаются не только в том, что вы сможете быстро получить аттестат. Весь процесс организовывается комфортно, с профессиональной поддержкой. Начав от выбора необходимого образца до консультаций по заполнению личной информации и доставки по стране — все под абсолютным контролем опытных специалистов.
Для тех, кто ищет быстрый и простой способ получения требуемого документа, наша компания предлагает выгодное решение. Приобрести аттестат – это значит избежать длительного обучения и не теряя времени переходить к достижению своих целей: к поступлению в университет или к началу успешной карьеры.
http://prema-attestats.ru/
http://casinvietnam.shop/# choi casino tr?c tuy?n tren di?n tho?i
danh bai tr?c tuy?n casino tr?c tuy?n vi?t nam casino online uy tin
pharmacy no prescription required
https://petroyalportrait.com/
danh bai tr?c tuy?n casino tr?c tuy?n uy tin game c? b?c online uy tin
В современном мире, где аттестат – это начало удачной карьеры в любом направлении, многие ищут максимально простой путь получения качественного образования. Наличие официального документа об образовании сложно переоценить. Ведь диплом открывает дверь перед любым человеком, желающим вступить в профессиональное сообщество или учиться в высшем учебном заведении.
Мы предлагаем быстро получить этот необходимый документ. Вы сможете заказать аттестат, и это становится удачным решением для человека, который не смог завершить образование, потерял документ или желает исправить свои оценки. Аттестаты изготавливаются с особой аккуратностью, вниманием ко всем нюансам, чтобы на выходе получился полностью оригинальный документ.
Превосходство подобного решения заключается не только в том, что можно максимально быстро получить свой аттестат. Процесс организован комфортно, с профессиональной поддержкой. От выбора подходящего образца документа до правильного заполнения персональных данных и доставки по стране — все будет находиться под полным контролем опытных специалистов.
Таким образом, для тех, кто пытается найти быстрый способ получить требуемый документ, наша компания предлагает выгодное решение. Приобрести аттестат – значит избежать продолжительного обучения и сразу переходить к достижению собственных целей: к поступлению в университет или к началу трудовой карьеры.
http://prema-attestats.ru/
Привет, дорогой читатель!
купить диплом о высшем образовании
Желаю всем нужных отметок!
https://medichat.ru/viewtopic.php?t=294
купить диплом магистра
купить диплом колледжа
купить диплом ссср
https://casinvietnam.com/# game c? b?c online uy tin
buy valtrex australia
how to get azithromycin 500 mg
synthroid 25 pill
Купить аттестат – путь для вашему будущему. На нашем портале вы можете просто и оперативно приобрести свидетельство, нужный для последующего изучения или трудоустройства. Наши специалисты гарантируют высокое качество и секретность услуги. Покупайте учебный аттестат у нас и проявите новые возможности для вашего образования и карьеры.
https://arusak-attestats.ru – Купить аттестат за 11 класс – путь для твоему перспективам. На данном портале вы сможете легко и оперативно заказать свидетельство, обязательный для того, чтобы последующего обучения или профессионального роста. Наша консультанты гарантируют высокое качество и секретность предоставления услуг. Покупайте учебный аттестат здесь и откройте дополнительные перспективы для того, чтобы вашего карьерного развития и трудоустройства.
synthroid tabs 50mcg
http://arusak-attestats.ru – Можно ли купить аттестат – путь к твоему перспективам. На данном портале вы сможете легко и оперативно приобрести аттестат, необходимый для того, чтобы последующего изучения или трудоустройства. Наши специалисты обеспечивают высокое качество и секретность услуги. Заказывайте образовательный сертификат в нашем сервисе и проявите новые возможности для своего образования и трудоустройства.
casino online uy tin casino tr?c tuy?n uy tin casino tr?c tuy?n
В нашем обществе, где аттестат – это начало удачной карьеры в любой отрасли, многие ищут максимально простой путь получения качественного образования. Важность наличия официального документа сложно переоценить. Ведь именно он открывает двери перед людьми, желающими начать профессиональную деятельность или учиться в каком-либо институте.
В данном контексте наша компания предлагает быстро получить этот важный документ. Вы можете купить аттестат, и это является выгодным решением для всех, кто не смог закончить образование, потерял документ или желает исправить свои оценки. Аттестат изготавливается с особой аккуратностью, вниманием ко всем нюансам. В итоге вы сможете получить документ, 100% соответствующий оригиналу.
Плюсы этого подхода заключаются не только в том, что вы оперативно получите аттестат. Процесс организовывается просто и легко, с нашей поддержкой. Начиная от выбора необходимого образца до грамотного заполнения персональной информации и доставки в любой регион страны — все под полным контролем качественных мастеров.
Всем, кто ищет оперативный способ получить необходимый документ, наша компания может предложить отличное решение. Заказать аттестат – это значит избежать длительного обучения и сразу перейти к своим целям: к поступлению в ВУЗ или к началу удачной карьеры.
http://prema-attestats.ru/
web c? b?c online uy tín: casino tr?c tuy?n vi?t nam – choi casino tr?c tuy?n trên di?n tho?i
lisinopril generic 10 mg
medicine glucophage 850
I urge you stay away from this platform. My own encounter with it was nothing but frustration as well as suspicion of deceptive behavior. Be extremely cautious, or even better, seek out a more reputable platform for your needs.
http://casinvietnam.com/# casino tr?c tuy?n uy tin
https://casinvietnam.shop/# casino tr?c tuy?n uy tin
casino tr?c tuy?n casino online uy tin casino tr?c tuy?n
cost of lisinopril 20 mg
casino tr?c tuy?n danh bai tr?c tuy?n casino tr?c tuy?n
synthroid 25 mcg
http://casinvietnam.shop/# casino online uy tin
casino tr?c tuy?n uy tín: dánh bài tr?c tuy?n – casino online uy tín
https://arusak-attestats.ru – Купить аттестат школы – возможность для твоему будущему. На данном сервисе все вы можете без труда и быстро приобрести свидетельство, обязательный для того, чтобы дальнейшего обучения или трудоустройства. Наша специалисты обеспечивают качество и конфиденциальность услуги. Приобретайте образовательный аттестат здесь и откройте новые варианты для своего профессионального роста и карьеры.
http://arusak-attestats.ru – Можно купить аттестат – возможность для вашему будущему. В данном сервисе все вы сможете без труда и оперативно заказать свидетельство, обязательный для последующего изучения или трудоустройства. Наша специалисты гарантируют качество и секретность услуги. Приобретайте образовательный сертификат здесь и проявите новые варианты для того, чтобы своего профессионального роста и трудоустройства.
tamsulosin enteral administration