Javascript 使用for循环更改标题
我试图每隔几秒钟在我的标签中显示一个新的字幕。 这是我的密码:Javascript 使用for循环更改标题,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我试图每隔几秒钟在我的标签中显示一个新的字幕。 这是我的密码: $(文档).ready(函数(){ var message=['Hello Molly'、'Hello Lolly'、'Hello Dolly']; 对于(变量i=0;i
$(文档).ready(函数(){
var message=['Hello Molly'、'Hello Lolly'、'Hello Dolly'];
对于(变量i=0;i
你好,世界
我想下车
更多信息
$(文档).ready(函数(){
var messages=['Hello Molly'、'Hello Lolly'、'Hello Dolly'];
var指数=-1;
变量$changedTitle=$(“#更改标题”);
setInterval(函数(){
//在下一个索引处获取消息,按长度进行修改以使其包装
var消息=消息[++索引%messages.length];
$changedTitle.text(消息);
}, 1000);
});代码>
你好,世界
我想下车
更多信息
我不确定您到底想把它放在哪里,因为HTML中实际上没有一个元素的id
为“changed title”,但是,根据您在另一个答案中的评论,我假设您想在h2
元素中进行更改,所以我用该id
更新了它
此外,我还修改了setInterval
代码以包含计数器的增量,因为它必须发生在间隔的一侧,以便与之保持同步
我还向代码中添加了一些其他小的效率,以及。现在应该可以工作了
$(文档).ready(函数(){
var targetElement=$(“#更改标题”);
var message=['Hello Molly','Hello Lolly','Hello Dolly'];
var maxIndex=message.length-1;
var currentIndex=0;
setInterval(函数(){
text(消息[currentIndex]);
currentIndex=(currentIndex==maxIndex)?0:currentIndex+1;
}, 1000);
});代码>
你好,世界
我想下车
更多信息
setinterval
不阻塞。当它运行时,i
很可能等于message.length。事实上,你会同时运行message.length-1时间间隔。我将你的答案应用于我的代码,它没有响应,保持不变我想下车你是否将控制台.log(…)
更改为$(“#更改标题”)。文本(消息)
?否则,这只是一个例子,说明如何在循环中获得值。前面的答案已经正确,但你的答案也很好。非常感谢。