如何每隔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()獲取元素的內容。