上一篇: TypeScript Jquery Promise参数不... 下一篇:jquery – .each()没有针对正确的...

jquery – 每5秒仅对一个事件做一次反应

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery – 每5秒仅对一个事件做一次反应，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在尝试使用seTinterval()运行一个函数并单击.我想在我点击时每五秒运行一次函数somefunction()一次.

这是我的代码：

function somefunction(){ // do something }

seTinterval(function(){
  $('#division').one("click",function(){
    somefunction();
  });
},5000);

这里的问题是,事件seTinterval()排队并在30秒后说出函数somefunction();最多运行6次(点击6次).

但我希望它只运行一次并等待接下来的5秒钟.

我试过.stop(),. dequeue()和.clearqueue()虽然没什么用.

谢谢你的帮助！

解决方法

如何忽略不到5秒前的每次点击？

function somefunction() { /* do something */ }

$('#division').on("click",function () {
  var lastClicked = $(this).data("lastClicked") || 0;

  if (new Date() - lastClicked >= 5000) {
    $(this).data("lastClicked",new Date());
    somefunction();
  }
});

或者,根据最后一个计划点击,只要安排了一个操作,就忽略所有点击：

function somefunction() { /* do something */ }

$('#division').on("click",function () {
  var $this = $(this),lastClicked = $this.data("lastClicked") || 0,isscheduled = $this.is(".scheduled");

  if (!isscheduled) {
    $this.addClass("scheduled");
    setTimeout(function () {
      somefunction()
      $this.removeClass("scheduled").data("lastClicked",new Date());
    },Math.max(0,5000 - (new Date() - lastClicked)));
  }
});