ランダムhtmlリンクセレクターリンクグループ

Question

ランダムhtmlリンクセレクターリンクグループから。

私はこのイメージを自分のサイトに持っています。クリックすると、htmlページに移動します。それは良いです、唯一のことは、ランダムに1つのHTMLリンクだけでなく、5つのリンクを言うことができます。

<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

のランダムな要素にHREFを変更することができますが、このような何かを試してみてください、もちろん、URLの自分自身とを交換してください。

<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

Answer 2

あなたは、URLの場所

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

で配列を作ることができ、あなたは、これは、0と5

の間の乱数を生成します

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

を言うことができます

今、あなたのタグを見つけて、配列

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