Question

来自链接组的随机html链接选择器。

所以我在我的网站上有这个图像，点击它会带你到一个HTML页面。这很好，唯一的事情就是我希望它随机选择一组链接，比如五个链接，而不仅仅是1个html链接。

<a href="url" target="_blank"><img id="img-hover" src="image"/></a>

我还需要上面代码的功能才能工作。所以请将我的代码与我的相结合。对不起英语。此外，这段代码脱离了一些java，但我认为你不需要它。但在这里。

<script type="text/javascript">

var timer;

document.getElementById('img-hover').addEventListener('mouseover', function() {
clearTimeout(timer);
var elem = this;
timer = setTimeout(function() {
    elem.src='image';
}, 9000);
});

document.getElementById('img-hover').addEventListener('mouseout', function() {
clearTimeout(timer);
var elem = this;
timer = setTimeout(function() {
    elem.src='image?v=513d43d2';
}, 9999999999999999);
});
</script>

Answer 1

你可以创建一个包含网址的数组

var locations = [url1, url2, url3, url4, url5];

然后你可以说

var url = Math.floor(Math.random() * 5);

这将生成0到5之间的随机数

现在你可以找到你的标签并将href修改为数组的随机元素

document.getElementById('img-hover').href = locations[url]

Answer 2

尝试这样的方法，但当然要用自己的网址替换网址。

<a href="#" onclick="randomUrl();" target="_blank"><img id="img-hover" src="image"/></a>

var urlArray = [
    "http://www.google.com",
    "http://www.yahoo.com",
    "http://www.stackoverflow.com"
];

function randomUrl() {
    var randomNumber = Math.floor(Math.random() * urlArray.length);
    var newUrl = urlArray[randomNumber];
    window.location.href = newUrl;
}

JSFiddle

来自链接组的随机html链接选择器

2 个答案: