Question

我有一个简单的JS脚本，它向网站访问者显示的消息很少。但是当网站打开时，JS被触发，在用户看到消息窗口之前，已经显示了很少的消息。如何延迟显示第一条消息几秒钟？

这是代码：

<script type="text/javascript">
        var bubbleMsg = ["First line of text", "Second line of text", "Third line of text"
                        ],//Bubble messages to show
            bubbleMsgSpeed = 3000;//Time between changing bubble text messages (in milliseconds)
    </script>

和

$(document).ready(function () {

    /***** Bubble text *****/

    function BubbleText() {

        var msgSpeed = 3000;
        var textArray = ["Something here<br/>here", "And here"];


        if (typeof bubbleMsg != 'undefined')
            textArray = bubbleMsg;

        if (typeof bubbleMsgSpeed != 'undefined')
            msgSpeed = bubbleMsgSpeed;

        var $bubbleText = $(".bubble-text");

        var counter = 0;

        function ChangeText() {
            $bubbleText.html(textArray[counter]);

            counter++;

            if (counter >= textArray.length) counter = 0;
        }

        ChangeText();

        setInterval(ChangeText, msgSpeed);

    }

    BubbleText();

Answer 1

不要直接致电BubbleText()，而是使用setTimeout：

setTimeout(BubbleText, 3000)

其中3000是等待的毫秒数。

Answer 2

您可以使用：

setTimeout(BubbleText, 1000);

其中1000对应1秒

Answer 3

删除该行：

    ChangeText();

在显示消息之前Javascript延迟

3 个答案: