gpt4 book ai didi

javascript - 从数组中获取随机元素,显示它,然后循环 - 但从不跟随相同的元素

转载 作者:行者123 更新时间:2023-11-30 09:59:34 26 4
gpt4 key购买 nike

我写了一个足够简单的随机化函数,循环遍历数组中的元素并一个接一个地显示它们。

See it here.

function changeSubTitle() {
var whatAmI = ["Webdesigner", "Drummer", "Techie", "Linguistics student", "Photographer", "Geek", "Coder", "Belgian", "Batman", "Musician", "StackExchanger", "AI student"];
setTimeout(function () {
$(".page-header > h2").animate({
"opacity": 0
}, 700, function () {
$(this).text(whatAmI[Math.floor(Math.random() * whatAmI.length)]);
$(this).animate({
"opacity": 1
}, 700, changeSubTitle);
});
}, 1000);
}

但是,很明显,同一个元素很可能会显示两次,一个紧接着另一个。发生这种情况是因为我每次调用该函数时都会随机化数组。如何防止一个元素紧接着显示两次?

我想最直接的方法是让随机函数退出循环,运行循环,每次调用一个元素时,从数组中删除索引并重新填充数组当它是空的。很多关于 SO 的问题都考虑了这个问题,但没有我的那么具体:我不确定如何在循环中执行此操作以显示每个元素。

最佳答案

请停止投票:-D

以下答案更好:https://stackoverflow.com/a/32395535/1636522 . extended discussion我和蒂姆之间的对话启发了为什么你应该避免使用我的解决方案。从这个 Angular 来看,我的回答很有趣,因此,它不值得任何赞成票:-D


您可以保存最后一个整数和“while”直到下一个不同:

var i, j, n = 10;
setInterval(function () {
while ((j = Math.floor(Math.random() * n)) === i);
document.write(j + ' ');
i = j;
}, 1000);

或者更简单,只需添加 1... :-D 模 n 以防止索引溢出:

var i, j, n = 10;
setInterval(function () {
j = Math.floor(Math.random() * n);
if (j === i) j = (j + 1) % n;
document.write(j + ' ');
i = j;
}, 1000);

应用于您的代码的第一个解决方案:

var whatAmI = ["Webdesigner", "Drummer", "Techie", "Linguistics student", "Photographer", "Geek", "Coder", "Belgian", "Batman", "Musician", "StackExchanger", "AI student"];
var j;
var i = 1; // since you start with "Drummer"
var n = whatAmI.length;

function changeSubTitle() {
setTimeout(function () {
while ((j = Math.floor(Math.random() * n)) === i);
$(".page-header > h2").animate({
"opacity": 0
}, 700, function () {
$(this).text(whatAmI[j]);
$(this).animate({
"opacity": 1
}, 700, changeSubTitle);
});
}, 1000);
i = j;
}

changeSubTitle();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header class="page-header">
<h1>Bananas</h1>
<h2>Drummer</h2>
</header>

关于javascript - 从数组中获取随机元素,显示它,然后循环 - 但从不跟随相同的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32394796/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com