javascript - 定期的なテキストの変更を行に組み込む

Question

このアイデア/ソリューション/機能を次のようなリンクに組み込むことはあまりうまくいきませんでした:

<a href="/" title="index">HOME</a>    

理想的な世界では、テキストHOMEは他のさまざまな単語を切り替えることができます..

アドバイスをいただければ幸いです。

ありがとう！

Answer 1

これは可能な解決策です

<a id="link" href="#" title="home">HOME</a>  

var array = [];

array.push("home");
array.push("away");
array.push("there");
array.push("there");
array.push("back");
array.push("moon");
array.push("stars");

var link = document.getElementById("link");
var index = 0;
var length = array.length;
var period = 1000; // miliseconds
var id;

function changeLink() {
    index += 1;
    if (index >= length) {
        index = 0;
    }

    link.textContent = array[index].toUpperCase();
    link.title = array[index];
}

id = setInterval(changeLink, period);

jsfiddleで