如何每隔X秒更改一次文本的值？

Question

我的跨度中没有任何内容，我想每x秒更改一次它的值。 我已经尝试过了，但是代码仅执行if ，并且不执行else if或else语句。 的HTML：

<span id="text"></span>

jQuery的：

var text = null;
var step1 = "Step1";
var step2 = "Step2";
var step3 = "Step3";

$(document).ready(function(){
    text = $("#text").append(step1);
    setInterval(change, 2000);

});

function change(){

    if(text.val = step1){
        text.empty().append(step2);
    }else if(text.val = step2){
        text.empty().append(step3);
    }else if(text.val = step3){
        text.empty().append(step1);
    }
}

Answer 1

我不会将自己局限于显式检查固定数量的项目之间的值的实现。 如果使用%运算符，并在数组中查找初始文本索引，则可以轻松地将其扩展到n个项目：

(function(){

    var element = $("#text");
    var strings = ["Step 1", "Step 2", "Step 3"];
    var present = $.inArray(element.text(), strings);

    setInterval(function advance () {
        element.text(strings[++present % strings.length]);
    }, 1000);

}());

小提琴： http ： //jsfiddle.net/AZLJN/3/

而且，对于踢球来说，通过上述解决方案可以实现动画效果：

Answer 2

您正在设置变量，而不是进行比较：

if(text.text() == step1){
    text.empty().append(step2);
}else if(text.text() == step2){
    text.empty().append(step3);
}else if(text.text() == step3){
    text.empty().append(step1);
}

=是变量赋值运算符
==是比较运算符

注意：必须获取输入值时，请使用.val() 。 使用.text()获取元素的内容。