画像に添付されたタイマーで変更されるURL

Question

私がやっていることは、画像に添付されたタイマーで変更されるURLがあることです。だから、10秒後に、画像が変わらないようにURLが変わる（画像ではない）代わりにリンクURLだけが変わったとしましょう。

私は、このコードを変更するには多少の問題があると考えていました。しかし、私はどのような方法でかわいそうな手がかりを持っていません。

<a href="http://www.google.com"><img src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a> 

私はこのような考えをしていましたか？

<script> 
var urlArray = [ 
"URL 1", 
"URL 2", 
"URL 3" 
]; 

setTimeout(function() { 
}, 60000); 
} 

</script> 

問題のみ私はイメージURLをどのように組み込むか、これが機能するかどうかわかりません。

Answer 1

私はこれがあなたが探しているものだと思います。

ソースコードにコメントを追加しました。タイムアウトではなく、デモ用に5秒5000に設定されています。あなたは、これは10秒ごとに実行したい場合は、単に10000

var urls=[ 
 
'http://www.google.com', 
 
'http://www.youtube.com', 
 
'http://www.stackoverflow.com' 
 
]; 
 
var x=0; 
 

 
window.onload=function(){ 
 
setInterval(function(){ // Interval 
 
x++; // Use to increment array 
 
if(x>urls.length-1){x=0} // End of Array? Reset x 
 
// Target anchor tag by ID.  Next Item In Array 
 
document.getElementById('MyUrls').href=urls[x]; 
 
}, 5000); 
 
}

<a id="MyUrls" href="http://www.google.com"> 
 
<img src="http://www.google.com/intl/en_ALL/images/logo.gif"/> 
 
</a>

に間隔を変更し、ここであなたがソースコードについてのアリ質問がある場合は上記のままにしてくださいJS Fiddle

です以下のコメントをお寄せください。できるだけ早くお返事させていただきます。

こちらがお役に立てば幸いです。ハッピーコーディング！