Question

当用户按下按钮时，我想显示两条消息，其中第二条消息显示在第一条消息后几秒钟。第一条消息应保持不变，而第二条消息则显示。所以这是步骤。

用户按下按钮
消息1显示
等几秒钟
消息2显示在消息1

我搜索了很多，但没有任何建议可行。我已经尝试了各种关于访问消息元素上的属性以强制它被绘制的技术。然而，在屏幕上留下第一条消息的延迟之后，没有任何东西可用于显示第二条消息。有人可以通过IE 11的工作示例来解决这个问题吗？

以下代码不起作用。

<body>
    <div id="message1"></div>
    <div id="message2"></div>

    <script type="text/javascript">
        $('#message1').html("first");
        $('#message1').css('height', 'auto');
        $('#message1').height();

        waitThreeSeconds();

        $('#message2').html("second");
        $('#message2').css('height', 'auto');
        $('#message2').height();
    </script>

</body>

此代码也不起作用。

    09-24 14:42:55.071: E/AndroidRuntime(12918):    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:616)
09-24 14:42:55.071: E/AndroidRuntime(12918): Caused by: 
java.lang.NullPointerException: Attempt to write to field 'int android.support.v4.app.Fragment.mNextAnim' on a null object reference
09-24 14:42:55.071: E/AndroidRuntime(12918):    at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:718)
09-24 14:42:55.071: E/AndroidRuntime(12918):    at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1489)
09-24 14:42:55.071: E/AndroidRuntime(12918):    at android.support.v4.app.FragmentActivity.onStart(FragmentActivity.java:548)

Answer 1

<body>
    <div id="message1"></div>
    <div id="message2"></div>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#buttonid').on('click', function() {
                $('#message1').html("first");
                setTimeout(function(){
                    $('#message2').html("second");
                },3000); //second message will appear 3 seconds later
            });
        });
    </script>
</body>

在这里摆弄：http://jsfiddle.net/fwgu1guf/

Answer 2

尝试

＆＃13;

<div id="message1"></div>
<script>
    $('#message1').html('first');
    setTimeout(function(){$('#message1').html('second')}, 3000);
</script>

＆＃13;

如何显示两条延迟介于两者之间的消息？

2 个答案: