如何使用jQuery一次又一次地更改文本？

Question

我在這里的 stackoverflow上找到了這個代碼，但它對我不起作用......

我只能看到這個：

Hello world!
Here is a message:

，但我沒有看到時間之后應該改變的消息......

我從我的文件index.html復制/粘貼整個代碼：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">


</script>
</head>
<body>
<script type="text/javascript">
function nextMsg() {
    if (messages.length == 0) {
        alert("redirecting");
    } else {
        $('#message').html(messages.pop()).fadeIn(500).delay(1000).fadeOut(500,     nextMsg);
    }
};

var messages = [
    "Hello!",
    "This is a website!",
        "You are now going to be redirected.",
    "Are you ready?",
    "You're now being redirected..."
].reverse();

$('#message').hide();
nextMsg();
</script>

<h1>Hello world!</h1>
<p>Here is a message: <span id="message"></span></p>
</body>
</html>

提前致謝：）

Answer 1

只需更改順序，不要在代碼開頭始終在最后執行javascript和/或使用文檔准備好確保在執行js之前加載dom

 <h1>Hello world!</h1> <p>Here is a message: <span id="message"></span></p> <script> $(document).ready(function() { function nextMsg() { if (messages.length == 0) { alert("redirecting"); } else { $('#message').html(messages.pop()).fadeIn(500).delay(1000).fadeOut(500,nextMsg); } }; var messages = [ "Hello!", "This is a website!", "You are now going to be redirected.", "Are you ready?", "You're now being redirected..." ].reverse(); $('#message').hide(); nextMsg(); }); </script>

如何使用jQuery一次又一次地更改文本？

問題描述

1 個解決方案

解決方案1
3 已采納 2014-12-15 21:01:15

如何使用jQuery一次又一次地更改文本？

問題描述

1 個解決方案

解決方案1 3 已采納 2014-12-15 21:01:15

解決方案1
3 已采納 2014-12-15 21:01:15