Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导旋转木马-随机化_Javascript_Html_Twitter Bootstrap - Fatal编程技术网

Javascript 引导旋转木马-随机化

Javascript 引导旋转木马-随机化,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我有一个想法,但不知道如何执行。我正在做一个网页,设计中,与引导转盘。我想在页面上加载3个项目,从n个数量的池中随机抽取。这样,每次加载页面时,都会出现新内容 有人对如何做到这一点有什么想法吗? 我可以使用不同的东西,然后旋转木马 谢谢 在这里,您可以使用jQuery获得项目长度: let items = $('.item').length; 然后使用此函数创建一个函数,根据项目长度获取随机数: function getRandomInt(items) { return Math.floo

我有一个想法,但不知道如何执行。我正在做一个网页,设计中,与引导转盘。我想在页面上加载3个项目,从n个数量的池中随机抽取。这样,每次加载页面时,都会出现新内容

有人对如何做到这一点有什么想法吗? 我可以使用不同的东西,然后旋转木马


谢谢

在这里,您可以使用jQuery获得项目长度:

let items = $('.item').length;
然后使用此函数创建一个函数,根据项目长度获取随机数:

function getRandomInt(items) {
  return Math.floor(Math.random() * Math.floor(items));
}
然后将其放入引导转盘功能:

$('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
然后将其与单击事件关联,例如:

$('next').click(function(){
   let items = $('.item').length;
   $('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
});
或自动:

$('#myCarousel').on('slide.bs.carousel', function () {
   let items = $('.item').length;
       $('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
})

在这里,您可以使用jQuery获得项目长度:

let items = $('.item').length;
然后使用此函数创建一个函数,根据项目长度获取随机数:

function getRandomInt(items) {
  return Math.floor(Math.random() * Math.floor(items));
}
然后将其放入引导转盘功能:

$('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
然后将其与单击事件关联,例如:

$('next').click(function(){
   let items = $('.item').length;
   $('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
});
或自动:

$('#myCarousel').on('slide.bs.carousel', function () {
   let items = $('.item').length;
       $('#idOfYourCarousel').carousel(Number(getRandomInt(items)));
})

假设您的
pool
将您的旋转木马元素作为对象,这将从变量
pool
中选择3个随机元素

let pool=[{id:1},{id:2},{id:3},{id:4},{id:5},{id:6}];
//要从池中拾取的随机数
设nooframdoms=3;
/**
*返回介于0和最大值之间的随机数(不包括最大值)
*/
函数getRandomInt(最大值){
返回Math.floor(Math.random()*Math.floor(max));
}
函数getRandoms(){
让可用元素=池;
让selectedelement=[];
而(noOfRandoms--){
//获取0到之间的随机整数(availableElements.length)
让selectedIndex=getRandomInt(availableElements.length);
//将selectedIndex处的元素从availableElements添加到selectedElements
selectedElements.push(可用元素[selectedIndex]);
//从availableElements数组中删除selectedIndex处的元素
可用元件。拼接(选择索引1);
}
返回所选元素;
}

log(getRandoms())
假设您有
将您的旋转木马元素作为对象,这将从变量
中选择3个随机元素

let pool=[{id:1},{id:2},{id:3},{id:4},{id:5},{id:6}];
//要从池中拾取的随机数
设nooframdoms=3;
/**
*返回介于0和最大值之间的随机数(不包括最大值)
*/
函数getRandomInt(最大值){
返回Math.floor(Math.random()*Math.floor(max));
}
函数getRandoms(){
让可用元素=池;
让selectedelement=[];
而(noOfRandoms--){
//获取0到之间的随机整数(availableElements.length)
让selectedIndex=getRandomInt(availableElements.length);
//将selectedIndex处的元素从availableElements添加到selectedElements
selectedElements.push(可用元素[selectedIndex]);
//从availableElements数组中删除selectedIndex处的元素
可用元件。拼接(选择索引1);
}
返回所选元素;
}

log(getRandoms())至少显示您迄今为止为获得进一步帮助所做的工作。至少显示您迄今为止为获得进一步帮助所做的工作。