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上