如何解决如何在随机时间间隔触发jquery事件?
我使用位于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 举报,一经查实,本站将立刻删除。