[HTML/JS]模拟加锁防止重复点击

/ 35,662评论 / 107059阅读 / 0点赞

由于用户的网络环境等各种原因,防止按钮重复点击,表单重复提交等都是减少bug发生,降低服务器压力等相当有效的方法。下面来聊聊通过模拟我们在操作系统里类似加锁的思想来防止重复点击。

思路


示例

<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>

结语

  1. VlasovaOlegomral说道:

    Приветствуем ваш сайт!

    Компания XRumer Art предлагает профессиональные услуги по СЕО продвижению.

    Мы заметили, у вас достаточно молодой портал и ему требуется внешнее SEO продвижение. Мы предлагаем профессиональное продвижение полностью под ключ. У нас есть доступные и качественные инструменты для СЕОшников. У нас значительный опыт в данной отрасли, в арсенале имеются успешные кейсы – если интересно, предоставим по запросу.

    Сейчас можем предложить скидку на все услуги – 10%.

    Предлагаемые услуги:

    – Размещаем трастовые ссылки (требуется каждому сайту) – цена 1500-5000 руб

    – Размещение безанкорных ссылок (рекомендуется любым сайтам) – 3900 руб

    – Топовый прогон по 110000 сайтам в зоне RU (максимально полезно для сайта) – 2900 рублей

    – Размещение 150 постов Вконтакте про ваш сайт (поможет в рекламе) – 3.900 р

    – Размещение статей про ваш сайт на 300 форумах (мощнейшая раскрутка портала) – 29 тыс. руб

    – СуперПостинг – отличный прогон по 3 млн ресурсов (мощное размещение для вашего сайта) – 39.900 р

    – Рассылка рекламных сообщений по сайтам при помощи обратной связи – цена по договоренности, будет зависеть от объемов.

    Со всеми вопросами обращайтесь, подскажем.

    Telgrm: @exrumer
    https://XRumer.cc/
    Skype: Loves.Ltd

  2. Marcelcrolf说道:

    http://mexicoph24.life/# mexican pharmacy

  3. Michaelsew说道:

    http://mexicoph24.life/# buying prescription drugs in mexico

  4. RickyAlage说道:

    pharmacy canadian Certified Canadian Pharmacies canada drugs online review

  5. RickyAlage说道:

    indian pharmacy paypal indian pharmacy fast delivery Online medicine order

  6. WlasovaBestoiral说道:

    Добрый день, рад вашему вниманию!

    К вам обращается агентство СЕО продвижения XRumer Art.

    Мы видим, у вас достаточно молодой портал и ему нужно внешнее SEO продвижение. Мы предлагаем продвижение в поисковой выдаче полностью под ключ. У нас имеются доступные и качественные инструменты для СЕО-специалистов. У нас серьезный опыт в данной области, в арсенале есть успешные рабочие кейсы – предоставим по запросу.

    Сейчас предлагаем скидку на наши услуги – 10%.

    Услуги:

    – Размещаем супер трастовые ссылки (требуется любому сайту) – цена от 1,5 до 5000 р

    – Безанкорные ссылки (2500 штук) (полезно для любых сайтов) – 3.900 р

    – Прогон по 110 000 сайтам (RU.зона) – 2.900 руб

    – 150 постов Вконтакте о вашем сайте (отличная реклама) – 3900 руб

    – Размещение статей про ваш сайт на 300 интернет-форумах (мощнейшая раскрутка сайта) – 29.000 руб

    – Супер Постинг – это прогон по 3 000 000 ресурсов (мегамощный пакет для ваших сайтов) – 39 тыс руб

    – Рассылка рекламных сообщений по сайтам используя форму обратной связи – договорная стоимость, зависит от объема.

    С огромным удовольствием ответим на любые вопросы, обращайтесь.

    Telgrm: @xrumers
    https://XRumer.cc/
    Skype: Loves.Ltd

  7. StevenSen说道:

    online shopping pharmacy india: Cheapest online pharmacy – Online medicine order

  8. Приветствую вас, уважаемые друзья!

    Мы представляем компания СЕО продвижения XRumer Inc.

    Ваш ресурс, как можно отметить, только начинает набирать обороты. Чтобы максимально ускорить процесс его роста, можем предложить наши услуги по внешней СЕО-оптимизации. Продвижение в поисковиках – наша работа. В ассортименте присутствуют надежные и рабочие СЕО-инструменты для профессионалов. У нас серьезный опыт в данной сфере и огромное портфолио успешных проектов, которыми мы с радостью поделимся по вашему запросу.

    Сейчас можем предложить скидку на все услуги – 10%.

    Предлагаемые услуги:

    – Размещаем трастовые ссылки (требуется любому сайту) – цена 1500-5000 руб

    – Жирные безанкорные ссылки (2500 штук) (рекомендуется всем сайтам) – 3.900 рублей

    – Прогон по 110 000 сайтам в зоне RU (очень полезно для сайта) – 2900 рублей

    – 150 постов В Контакте о вашем сайте (отличная реклама) – 3.900 руб

    – Статьи о вашем сайте на 300 интернет-форумах (мощнейшая раскрутка интернет-сайта) – 29.000 руб

    – СуперПостинг – отличный прогон по 3 000 000 ресурсов (мегамощный пакет для ваших сайтов) – 39900 рублей

    – Рассылка рекламных сообщений по сайтам с использованием обратной связи – договорная цена, будет зависеть от объемов.

    Со всеми вопросами обращайтесь, ответим и подскажем.

    Telgrm: @exrumer
    https://XRumer.cc/
    Skype: Loves.Ltd

  9. Marcelcrolf说道:

    http://mexicoph24.life/# best online pharmacies in mexico

  10. Michaelsew说道:

    https://mexicoph24.life/# pharmacies in mexico that ship to usa

  11. RickyAlage说道:

    buy prescription drugs from india Cheapest online pharmacy online pharmacy india

  12. RickyAlage说道:

    mexican rx online cheapest mexico drugs п»їbest mexican online pharmacies

  13. Michaelsew说道:

    http://indiaph24.store/# top online pharmacy india

  14. Marcelcrolf说道:

    https://indiaph24.store/# best online pharmacy india

  15. VlasowMazdaomral说道:

    Приветствуем вас, друзья!

    Агентство XRumer Co предлагает профессиональные услуги по СЕО продвижению.

    Мы заметили, у вас достаточно молодой сайт и ему нужно SEO продвижение в поисковике. Мы предлагаем продвижение полностью под ключ. Также у нас есть доступные и эффективные инструменты для SEO-специалистов. У наших специалистов значительный опыт в данной отрасли, в арсенале имеются успешные рабочие кейсы – предоставим по запросу.

    До конца месяца действует скидка на самые востребованные услуги – 10%.

    Среди предложений следующее:

    – Трастовые ссылки (требуется абсолютно всем сайтам) – стоимость от 1,5 до 5000 руб

    – Размещаем 2500 безанкорных ссылок (желательно для всех сайтов) – 3.900 руб

    – Прогон на 110 000 сайтов в RU.зоне (максимально полезно для сайтов) – 2900 р

    – 150 постов в VK про ваш сайт (отличная реклама) – 3900 рублей

    – Статьи про ваш сайт на 300 форумах (мощнейшая раскрутка сайта) – 29 тыс. рублей

    – СуперПостинг – отличный прогон по 3 млн площадок (грандиозное размещение для ваших сайтов) – 39.900 рублей

    – Рассылаем сообщения по сайтам с использованием обратной связи – договорная стоимость, зависит от объемов.

    Если возникают вопросы, без сомнений обращайтесь. Все объясним.

    Telgrm: @exrumer
    https://XRumer.cc/
    Skype: Loves.Ltd

  16. RickyAlage说道:

    medication from mexico pharmacy mexico drug stores pharmacies mexican pharmacy

  17. RickyAlage说道:

    best online pharmacy india india pharmacy mail order cheapest online pharmacy india

  18. Marcelcrolf说道:

    http://mexicoph24.life/# mexican pharmacy

  19. StevenSen说道:

    mexico drug stores pharmacies: mexico pharmacy – buying prescription drugs in mexico

  20. RickyAlage说道:

    indianpharmacy com Generic Medicine India to USA indian pharmacies safe

  21. Michaelsew说道:

    http://canadaph24.pro/# legitimate canadian online pharmacies

  22. RickyAlage说道:

    reputable mexican pharmacies online Online Pharmacies in Mexico mexico pharmacies prescription drugs

  23. Marcelcrolf说道:

    https://indiaph24.store/# buy medicines online in india

  24. Michaelsew说道:

    https://mexicoph24.life/# mexican mail order pharmacies

  25. RickyAlage说道:

    indian pharmacy online indian pharmacy indianpharmacy com

  26. Jyuyqd说道:

    rybelsus tablet – oral rybelsus desmopressin over the counter

  27. RickyAlage说道:

    online pharmacy canada Certified Canadian Pharmacies canadian family pharmacy

  28. Ezmkle说道:

    buy generic terbinafine for sale – diflucan online order order grifulvin v generic

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注