-2

これが私のコードです：

<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>

</p> 

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! と This is a Website! の後に注意してください。表示されるdocument.write("Done");機能は、すべての HTML を削除して別のページに表示されます。

こんにちはとウェブサイトのテキストが表示された後に永続的なテキストを表示するにはどうすればよいですか..? 助けてくれてありがとう！

4

1 に答える 1

0

これは私がこれを行う方法です：

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

これは、window.onloadjsFiddleが処理するブロック内にあります。

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/

于 2012-12-31T20:44:34.310 に答える