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