Javascript 根据变量从数组中选择一个值
基本上。我正在为我的网站创建一个预加载页面。每当访问者来到我的页面时,我希望页面中间的图标可以更改。我需要在数组中选择一个变量或字符串 我的代码:Javascript 根据变量从数组中选择一个值,javascript,jquery,Javascript,Jquery,基本上。我正在为我的网站创建一个预加载页面。每当访问者来到我的页面时,我希望页面中间的图标可以更改。我需要在数组中选择一个变量或字符串 我的代码: $(document).ready(function() { //randomly pick a number an pick an icon to show on main page //Math.floor(Math.random() * 6) + 1 [from SOF] var min = 1, max = 8;
$(document).ready(function() {
//randomly pick a number an pick an icon to show on main page
//Math.floor(Math.random() * 6) + 1 [from SOF]
var min = 1,
max = 8;
var number = Math.floor(Math.random() * (max - min + 1) + min);
var icons = ['preload/img/audio.svg', 'preload/img/bars.svg', 'preload/img/grid.svg', 'preload/img/oval.svg', 'preload/img/puff.svg', 'preload/img/rings.svg', 'preload/img/tail-spin.svg', 'preload/img/three-dots.svg'];
alert(number);
});
我尝试了
alert(icons.get(number))代码>但从未工作过。我已经搜索了一段时间,无法找到它。您需要使用索引检索图标
另外,对于随机
,它返回一个介于0和1之间的浮点值,因此当数组是基于0的,并且您有8个项目时,您需要:-
$(文档).ready(函数(){
var number=Math.round(Math.random()*7);
var icons=['preload/img/audio.svg','preload/img/bar.svg','preload/img/grid.svg','preload/img/oval.svg','preload/img/puff.svg','preload/img/rings.svg','preload/img/tail spin.svg','preload/img/three dots.svg'];
警报(图标[编号]);
});代码>
其中“myIcon”是要更改的图像的id Ehh图标[编号]
?要选择源代码,但仍然需要在图标上设置它,所以发布html以及可能重复的Ahh yes。我在VB.NET中编写了代码并使用了数组索引,但我认为JavaScript和jQuery的工作方式不同。谢谢你的帮助。
var icons = ['preload/img/audio.svg', 'preload/img/bars.svg', 'preload/img/grid.svg', 'preload/img/oval.svg', 'preload/img/puff.svg', 'preload/img/rings.svg', 'preload/img/tail-spin.svg', 'preload/img/three-dots.svg'];
var imageNum = Math.floor(Math.random()*icons.length);
document.getElementById("myIcon").src = icons[imageNum];