由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少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秒只会执行一次按钮点击应该执行的事情):
结语
- 本文的例子思路和实现都是相当简单的,但确是很实用的方法。
- 另外,从这个思路出发,还能解决一些类似的问题,比如:
- 音乐进度条的拖动。由于拖动的报告率太高,导致拖动过程界面卡顿,音乐的播放也很卡顿,那就可以用这个思路,每一段时间内只对应响应一次。
- 降低输入框的响应。
- 后续我们再聊聊上面这些例子的解决方法实现。他们本质都是这个模拟加锁的思路,但可能有些需要一些细节上不同的处理。
http://casinvietnam.shop/# web c? b?c online uy tin
casino tr?c tuy?n vi?t nam casino tr?c tuy?n vi?t nam choi casino tr?c tuy?n tren di?n tho?i
online pharmacy europe
order generic repaglinide 2mg – jardiance usa purchase empagliflozin generic
can i buy synthroid over the counter
metformin coupon pharmacy
reliable canadian online pharmacy
lisinopril 2 5 mg tablets
В современном мире, где аттестат является началом отличной карьеры в любой сфере, многие стараются найти максимально простой путь получения образования. Факт наличия официального документа сложно переоценить. Ведь именно он открывает дверь перед каждым человеком, желающим вступить в сообщество профессионалов или учиться в университете.
В данном контексте мы предлагаем оперативно получить этот важный документ. Вы сможете приобрести аттестат нового или старого образца, что будет выгодным решением для человека, который не смог закончить обучение или утратил документ. Аттестат изготавливается с особой аккуратностью, вниманием к мельчайшим элементам. В результате вы получите документ, полностью соответствующий оригиналу.
Плюсы подобного подхода состоят не только в том, что вы сможете оперативно получить аттестат. Процесс организовывается удобно, с профессиональной поддержкой. Начав от выбора требуемого образца аттестата до точного заполнения личных данных и доставки по России — все будет находиться под полным контролем качественных специалистов.
Всем, кто хочет найти быстрый способ получения требуемого документа, наша компания предлагает отличное решение. Заказать аттестат – значит избежать долгого обучения и не теряя времени перейти к достижению своих целей: к поступлению в ВУЗ или к началу трудовой карьеры.
http://prema-attestats.ru/
prednisone price
valtrex medicine price
В наше время, когда аттестат является началом успешной карьеры в любом направлении, многие ищут максимально простой путь получения образования. Важность наличия официального документа переоценить просто невозможно. Ведь диплом открывает двери перед любым человеком, желающим начать трудовую деятельность или учиться в ВУЗе.
В данном контексте мы предлагаем очень быстро получить этот важный документ. Вы имеете возможность приобрести аттестат нового или старого образца, что становится выгодным решением для человека, который не смог завершить образование, утратил документ или хочет исправить плохие оценки. Аттестаты выпускаются аккуратно, с максимальным вниманием ко всем деталям, чтобы в итоге получился документ, полностью соответствующий оригиналу.
Превосходство этого подхода состоит не только в том, что можно оперативно получить аттестат. Процесс организовывается комфортно и легко, с профессиональной поддержкой. От выбора нужного образца аттестата до консультаций по заполнению личной информации и доставки в любое место России — все находится под абсолютным контролем наших мастеров.
Для тех, кто ищет быстрый и простой способ получения требуемого документа, наша компания предлагает выгодное решение. Приобрести аттестат – значит избежать длительного процесса обучения и не теряя времени перейти к своим целям, будь то поступление в университет или старт карьеры.
http://prema-attestats.ru/
www pharmacyonline
http://casinvietnam.com/# casino online uy tin
В современном мире, где аттестат – это начало отличной карьеры в любой области, многие пытаются найти максимально простой путь получения качественного образования. Важность наличия официального документа об образовании сложно переоценить. Ведь именно он открывает двери перед любым человеком, который желает начать профессиональную деятельность или учиться в университете.
В данном контексте мы предлагаем очень быстро получить этот важный документ. Вы имеете возможность приобрести аттестат, что будет отличным решением для человека, который не смог закончить образование, потерял документ или желает исправить плохие оценки. Все аттестаты изготавливаются аккуратно, с особым вниманием ко всем деталям. На выходе вы получите продукт, максимально соответствующий оригиналу.
Плюсы подобного решения заключаются не только в том, что вы быстро получите свой аттестат. Весь процесс организовывается комфортно, с профессиональной поддержкой. От выбора необходимого образца до консультации по заполнению персональных данных и доставки в любой регион России — все будет находиться под полным контролем качественных мастеров.
Для тех, кто пытается найти быстрый и простой способ получить необходимый документ, наша компания может предложить отличное решение. Купить аттестат – это значит избежать продолжительного обучения и сразу перейти к достижению личных целей: к поступлению в ВУЗ или к началу успешной карьеры.
http://prema-attestats.ru/
В нашем мире, где аттестат становится началом удачной карьеры в любом направлении, многие ищут максимально быстрый и простой путь получения образования. Наличие официального документа сложно переоценить. Ведь именно он открывает дверь перед каждым человеком, который собирается вступить в профессиональное сообщество или продолжить обучение в высшем учебном заведении.
Предлагаем очень быстро получить этот необходимый документ. Вы можете заказать аттестат нового или старого образца, и это будет удачным решением для человека, который не смог завершить образование или утратил документ. Все аттестаты выпускаются с особой тщательностью, вниманием ко всем нюансам. В результате вы получите полностью оригинальный документ.
Плюсы подобного решения состоят не только в том, что вы сможете оперативно получить аттестат. Весь процесс организовывается удобно и легко, с нашей поддержкой. От выбора нужного образца до консультаций по заполнению персональных данных и доставки в любое место России — все будет находиться под полным контролем квалифицированных специалистов.
Всем, кто хочет найти быстрый способ получить необходимый документ, наша услуга предлагает отличное решение. Приобрести аттестат – значит избежать длительного процесса обучения и сразу переходить к важным целям, будь то поступление в ВУЗ или старт профессиональной карьеры.
http://prema-attestats.ru/ – купить аттестат школы
https://casinvietnam.shop/# casino tr?c tuy?n vi?t nam
venlafaxine review
tizanidine 8mg
metformin in europe
synthroid 0.025 mg
metformin 850mg
http://casinvietnam.shop/# web c? b?c online uy tin
order prednisone 100g online without prescription
casino tr?c tuy?n uy tín: web c? b?c online uy tín – dánh bài tr?c tuy?n
how to get valtrex in uk