如何解决为每个 div 集创建一个唯一的随机数
我有下面的代码,它创建一个随机数,用于为我必须将 2 个图像彼此淡入淡出的间隔提供时间值。我希望能够做的是让这种方法起作用,以便对于页面上存在的每个“workIndexGridItem” - 为每个创建一个随机数然后使用,以便图像淡入淡出的间隔不同。
function getRandomInteger(min,max) {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min)) + min;
}
setInterval(function(){
$('.workindexProjectImage').toggleClass('HideMe');
},getRandomInteger(1000,2000));
标记:
<!-- ITEM -->
<div class="workIndexGridItem">
<div class="workIndexGridItemProjectDeets">
<a title="Read more about XXX" href="#">
<h4 class="workGridTitle">Title</h4>
<p class="workGridSubtext">SubTitle</p>
</a>
</div>
<div class="workIndexProjectImageWrapper">
<a title="Read more about XXX" href="#">
<img src="image1.jpg" class="workindexProjectImage">
<img src="image2.jpg">
</a>
</div>
<!-- Mobile text -->
<div class="workIndexGridItemMobileText">
<a title="Read more about XXX" href="#">
<h4 class="workGridTitle">Title</h4>
</a>
</div>
<!-- end of Mobile text -->
</div>
<!-- end of ITEM -->
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。