Currently I have this: http://jsfiddle.net/492cy/
I want to make the span id=textRange in to a hyperlink. Since I have different texts(from the array) populating textRange, I want each Text ("a dude", "a man", "a human") to become different hyperlinks. Thus the end result would be: clicking on "a dude" leads to website1.com, "a man" goes to website2.com, "a human" goes to website3.com
Not sure what link you're trying to use but this works and will get you going.
You can use whatever href's you want but this shows you how to update the href of an <a> element.
function changeText() {
document.getElementById('textRange').innerHTML=Texts[count];
document.getElementById('textRange').href = "http://website" + count + '.com';
count++;
if (count == Texts.length) { count = '0'; }
setTimeout(changeText, delay * 1000);
}
This is what you want:
var delay = "3"; //how many seconds you wnat the delay to be
var count = '0';
var Texts = ["a dude", "a man", "a human"];
var Links = ["http://www.google.com", "http://www.yahoo.com", "http://www.bing.com"];
function changeText() {
document.getElementById('textRange').innerHTML = "<a href='" + Links[count] + "'>" + Texts[count] + "</a>";
count++;
if (count == Texts.length) {
count = '0';
}
setTimeout("changeText()", delay * 1000);
}
