Question

寻找一种优雅而快速的方式来改变/旋转（在更改值中旋转，而不是更改方向）html标签（或文本框）的内容。

例如，在我们的网站上，我们希望有一个标题，有时会说＆＃34;我们的数据库产品很棒＆＃34;其他时候有＃34;自2004年以来帮助小型企业＆＃34;所选字符串可以从集合列表中随机选择，但每次重新加载网页时都会有所不同（如果同一个网页连续多次出现，则确定）。

实现这一目标的简单方法是什么？没有Java，有没有快速的方法呢？

Answer 1

Java是一种简单的方法。

添加div，然后每隔几秒用文本更新一次。

var text = ["My text 1", "My text 2", "My text 3"];
var value = 0;
var elem = document.getElementById("div id");
setInterval(change, 1000);
function change() {
 elem.innerHTML = text[counter];
    value++;
    if(value >= text.length) { value = 0; }
}

Answer 2

您可以简单地使用JavaScript（如果您可以依赖于拥有JavaScript的用户）。将id添加到将存储消息的HTML元素，并添加以下JavaScript代码（将randommessage替换为您的id）并将任何其他消息添加到messages数组。

messages = ["Our Database Products are Great", "Helping Small Businesses since 2004", "Some other message"];

document.getElementById("randommessage").innerHTML = messages[Math.floor(Math.random()*messages.length)]

Live JSFiddle example

改变HTML标签或文本控件中的字符串

2 个答案: