Question

这是我的代码：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<h1>Hello world!</h1>
<p>Here is a message: <span id="message"></span></p>
</body>
</html>

function nextMsg() {
    if (messages.length == 0) {
        document.write("Done");
    } else {
        $('#message').html(messages.pop()).fadeIn(500).delay(100).fadeOut(500, nextMsg);
    }
};

var messages = [
    "Hello!",
    "This is a website!",
].reverse();

$('#message').hide();
nextMsg();

javascript只运行给定的文本字符串，完成后运行document.write("Done");

请注意，在Hello！之后，这是一个网站！显示后，document.write("Done");功能将显示在单独的页面中，删除所有HTML。

如何在Hello和Website文本出现后显示永久文本..？谢谢你的帮助！

Answer 1

这就是我要这样做的方式：

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

这是jsFiddle负责的window.onload块：

var messages = ["Hello!","This is a website!"];

(function nextMsg() {
    $('#message')
        .fadeIn(1500)
        .delay(500)
        .fadeOut(1500, !messages.length || nextMsg)
        .html(messages.shift() || 'Done');
})();

http://jsfiddle.net/userdude/5s8y3/100/

JavaScript Document.Write（）显示在空白页（删除的HTML）中

1 个答案: