2011-06-18 33 views
15

需要JavaScript或jQuery的东西来改变文本每隔几秒钟...用户做 什么。javascript/jquery或其他东西来改变文本每隔几秒

谢谢。

例子:

“欢迎” 更改为 “Salmat大唐” 变为 “合十礼” 等后3秒和循环回

干杯

跟上伟大的工作:)

+1

+1 @凯基。这是非常简单的Javascript,当然,答案存在于整个互联网上的很多地方。这里有一个提示:一个函数需要调用它自己。 – maxedison

+3

@maxedison,你提供了一个不好的提示。没有必要成为一个自称的函数。 –

回答

4

你可以看看setInterval的方法。例如:

window.setInterval(function() { 
    // this will execute on every 5 seconds 
}, 5000); 
2
setInterval(function(){ 
    alert('hello, do u have a beer ?'); 
}, 1000); 

其中1000毫秒= 1秒;

1

您可以使用setInterval重复调用一个函数。在该功能中,您可以更改所需的文字。

要更改的文本列表可以存储在数组中,并且每次调用函数时都可以更新变量以包含当前使用的索引。当它到达数组的末尾时,该值可循环到0

查看this fiddle举例。

21

正如其他人所说,setInterval是你的朋友:

var text = ["Welcome", "Hi", "Sup dude"]; 
 
var counter = 0; 
 
var elem = document.getElementById("changeText"); 
 
var inst = setInterval(change, 1000); 
 

 
function change() { 
 
    elem.innerHTML = text[counter]; 
 
    counter++; 
 
    if (counter >= text.length) { 
 
    counter = 0; 
 
    // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle 
 
    } 
 
}
<div id="changeText"></div>