Question

在jquery中，我遇到了问题。有一个单词welcome应该出现10秒钟。

10秒后，这应该消失，另一个单词bye应该再出现10秒，这应该像循环过程一样继续。

任何人都可以帮我解决这个问题????

Answer 1

假设文本在div#text

之内

function changeText() {
    if ($("div#text").text() == 'welcome') {
        $("div#text").text('bye');
    } else {
        $("div#text").text('welcome');
    }
}

setInterval(changeText, 10000);

这不包括任何类型的动画，只需更改文本。

Answer 2

你也可以试试这个:( fadein（），fadeOut（））

$(function() {
        setInterval('Welcome()', 1000);
    })

    function Welcome() {        
        $('#msg').fadeIn(2000, function() {
            $('#msg').html("Welcome").fadeOut(2000, function() {
                $('#msg').fadeIn(2000).html("bye")
            })
        });
    }

Answer 3

function changeText() {
    var _text = $("#text");

    _text.fadeOut(500, function () {
    if (_text.text() == 'welcome') {
        _text.text('bye');
    } else {
        _text.text('welcome');
    }
        _text.fadeIn(500);
    });

}
changeText();
setInterval(changeText, 10000);

看看这个小提琴：

http://jsfiddle.net/s2rdD/

Answer 4

由于缺乏细节（以及轻微的家庭作业气味），我只会给出非常一般的建议。

你需要在一段时间后做一些事情。 jQuery没有内置的功能，但没有它就足够简单：https://developer.mozilla.org/en/DOM/window.setTimeout

听起来你需要更新文本，jQuery可以这样做：http://api.jquery.com/text/

即使在使用jQuery时也必须使用Javascript。一本好书可以帮到那里，就像这本书一样。 http://www.amazon.com/JavaScript-Definitive-Guide-Activate-Guides/dp/0596805527/ref=pd_sim_b_2

奇怪的是，在我写这些时发布的两个答案具有完全相同的代码，直到格式化和命名。因此，它们都包含错误。

使用jQuery这个词出现并消失？

4 个答案: