将文本定期更改纳入一行

时间:2013-04-24 18:28:39

标签: javascript html css text hyperlink

我没有太多运气试图将this idea/solution/feature合并到一个链接中,例如:

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

文本 HOME 可以在理想的世界中切换各种其他单词..

任何建议都将受到赞赏。

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一种可能的解决方案

<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);

on jsfiddle