Tag: 随机

随机选择没有重复项的数组项而不删除项(JavaScript)

我已经看到很多关于随机选择数组项而不重复的问题。 但是,大多数都是通过使用拼接方法来回答的。 但这会删除项目。 我已经随机选择了我的项目,但他们正在重复。 在我的两个函数中,我从每个随机选择的项目中选择两个“子项”。 这两个函数不能一起工作,我正在寻找一种方法,可以选择两个不同的随机选择的项目,而无需重复,也不需要删除它们。 可以帮我一个忙吗? (使用Adobe Edge Animate) var xml_source = “series.xml”; var initLoadScript = false; var items = []; var itemTitle1; var obj = new Object(); var previousNumber = -1; loadXML(); function loadXML() { $.ajax({ type: “GET”, url: xml_source, dataType: “xml”, success: function(xml) { $(xml).find(‘sbs’).find(‘channel’).find(‘item’).each(function() { items.push($(this)); }); itemOne(); itemTwo(); } }); […]

如何在jQuery中对随机div顺序进行排序?

在页面加载时,我使用此代码随机化子div的顺序: function reorder() { var grp = $(“#team-posts”).children(); var cnt = grp.length; var temp, x; for (var i = 0; i < cnt; i++) { temp = grp[i]; x = Math.floor(Math.random() * cnt); grp[i] = grp[x]; grp[x] = temp; } $(grp).remove(); $("#team-posts").append($(grp)); } 我似乎无法弄清楚如何以原始顺序恢复post。 这是我当前代码http://jsfiddle.net/JsJs2/的演示

随机的身体背景图像

我在网上尝试了几个教程,似乎都没有正常工作。 我想要做的很简单,我想: 我有9个不同的.jpg图像,我需要随机显示在页面加载 – 作为背景。 这应该相当简单吧? 谢谢, 编辑(对不起,忘了附上代码 – 在网上找到): $(document).ready(function(){ bgImageTotal=9; randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; imgPath=(‘../img/bg/’+randomNumber+’.jpg’); $(‘body’).css(‘background-image’, (‘url(“‘+imgPath+'”)’)); });

Math.random() – 不随机

我创建了一个jQuery插件,但我有一个问题,我使用以下代码: Math.floor(Math.random()*500) 我将结果添加到元素中,但奇怪的是结果每次都相同。 如果我在随机数生成后向行添加alert(),我会得到随机值,为什么? 我想得到没有alert()随机整数。 但是怎么样?

生成随机元素位置并防止JavaScript中的重叠

我在页面上有一个持有者div,我想在随机位置加载小图像作为拼贴,每个都有10px填充。 如何确保图像永远不会相互重叠或持有div? 是否有可以使用的插件或function? 我的代码到目前为止: $(document).ready(function(){ $(“#my_canvas img”).each( function(intIndex) { var l = Math.floor(Math.random() * $(“#my_canvas”).width()); var t = Math.floor(Math.random() * $(“#my_canvas”).height()); $(this).css(“left”, l); $(this).css(“top”, t); $(this).bind( “click”, function() { alert(“l=” + l + ” t=” + t); } ); } ); }); #my_canvas { background: #eee; border: black 1px solid; width: 800px; height: 400px; } […]

将随机类应用于指定的每个元素

我想在我的#container div中添加一个随机类甚至 元素 这是我的代码: $( “#container li” ).each( $().ready(function() { $(“#container li:random”).addClass(“one”); $(“#container li:random”).addClass(“two”); $(“#container li:random”).addClass(“three”); }) ); 问题是我有十个 元素,我希望这些元素中的每一个以随机方式接收三个可能类中的一个。 但是我的上面的代码只分配了三个 元素,而剩下的七个 元素没有类。 我已经尝试了其他代码片段,但没有一个代码随机地将类列表应用于指定的所有元素。 我已经尝试过这篇文章中的片段,但没有一个产生预期的结果,以确保所有元素得到一个随机的类。 谢谢您的帮助。

Javascript:5个随机数,直到所有使用完全没有重复

我使用下面的代码为我页面上的每个单独的图像分配一个随机类(五个)。 $(this).addClass(‘color-‘ + (Math.floor(Math.random() * 5) + 1)); 它工作得很好,但我想做到这一点,以便连续两个同一个类中永远不会有两个。 更好的是,如果连续中没有两个相同,并且在使用所有5个之前它也不会多次使用任何类…就像在,从数组中删除每个使用的类,直到所有这些类已经使用过,然后重新开始,不允许前5个中的最后一个和下一个5中的第一个是相同的颜色。 希望有意义,并提前感谢任何帮助。

jquery将元素移动到随机顺序中

我试图以随机顺序显示一系列图像。 但是,我不希望任何单个项目重复,直到所有项目都显示出来,所以我不想从数组中选择一个随机图像,而是取整个数组,随机化它,然后从第一个到第一个顺序选择最后一个元素 这是我的代码: HTML: <div id="tout4" 和javascript,它当前按顺序选择和显示项目: var galleryLength = $(‘#tout4 img.img_lg’).length; var currentGallery = 0; setInterval(cycleGallery, 5000); function cycleGallery(){ $(‘#tout4 img.img_lg’).eq(currentGallery).fadeOut(300); if (currentGallery < (galleryLength-1)){ currentGallery++; } else { currentGallery = 0; } $('#tout4 img.img_lg').eq(currentGallery).fadeIn(300); } 那么如何重新排列图像的实际顺序,而不仅仅是它们被选中的顺序?

如何随机排序列表项?

我目前有这个代码随机排序列表项: var $ul = $(‘#some-ul-id’); $(‘li’, $ul).sort(function(){ return ( Math.round( Math.random() ) – 0.5 ) }).appendTo($ul); 但是,还有更好的解决方案吗?

jQuery选择具有相同类的随机元素

我有类“selectElement”的元素。 当我点击该类的元素时,我“选择”它,并给它另一个类“selectedElements”,如果它还没有它。 但是,我有一个按钮,应该随机选择一些带有“selectElement”类的元素(例如10个)并给它们“selectedElement”类。 我在这个答案中尝试了类似的东西 – > https://stackoverflow.com/a/1764629/1011539 ,但每次都返回相同的值… 编辑:解决了乔恩的帮助。 以下是具有类似问题的其他用户的代码:) $(“#chooseElementsRand”).live(“click”,function(){ $(“.selectedElements”).removeClass(“selectedElements”); var maxNum = parseInt($(“.maxNum”).html()); var randomElements = shuffle($(“.selectElement”)).slice(0,maxNum).addClass(“selectedElements”); $(“.selectedNum”).html(randomElements.length); if(randomElements.length==maxNum) { $(“.buttonToProceed”).removeClass(“notShown”); } });