如何在随机时间间隔触发jquery事件？

编程问答 2022-08-12

问题描述

我使用位于https://github.com/nnattawat/flip的jquery.flip.js创建了标题。该插件提供了几种触发翻转的方式，两个相关的方式是“点击”和“悬停”。我希望div的翻转会自动以随机间隔进行。我确实找到了关于堆栈溢出的类似问题，Heretic Monkey建议使用递归方法（Trigger mouse click and random intervals）... 

var clickHand = function() {
  $("[id^='hand_'].handIcon").trigger('click');
  setTimeout(clickHand,(Math.random() * 3000) + 32000);
}

clickHand();

编辑：很抱歉，不清楚。在jquery代码中，以下方法（？）处理单击时的翻转，但是我想做的是让divs自动翻转（如果可能）而无需悬停或单击来触发。我尝试在attachEvents中使用setTimeout，但似乎导致样式出现问题。

attachEvents: function() {
        var self = this;
        if (self.setting.trigger === "click") {
          self.element.on($.fn.tap ? "tap.flip" : "click.flip",$.proxy(self.clickHandler,self));
        } else if (self.setting.trigger === "hover") {
          self.element.on('mouseenter.flip',$.proxy(self.hoverHandler,self));
          self.element.on('mouseleave.flip',$.proxy(self.unflip,self));
        }
        
      },

我对javascript还是很陌生，并且在此方面遇到了困难，我们将不胜感激。

我创建了一个简单的codepen，演示了3D翻转https://codepen.io/coeyflyer/pen/eYZGymG。

谢谢您的任何建议， C

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptjquerysettimeout