javascript - 如何在 JQuery 中进行等待

Question

我试图让 jQuery 在它放慢速度之前等待，然后再向上滑动

我尝试使用 setTimeout 但没有成功

$(document).ready(function() {
    const myForm = $('#MyForm');
    const ul = $('items')
    const userList = $('#users');
    const AnswerInput = $('#Answer1').val();
    const msg = $('.msg');

    myForm.submit(function(e){
        e.preventDefault()
        if(AnswerInput === ''){
            msg.slideDown(2000)
            msg.addClass('error')
            msg.text('Please Enter an Answer')
            setTimeout(()=> msg.slideUp(), 2000)
        }

    })
});

这是 HTML

<div class="container">
    <div class="card">
    <div class="msg"></div>
        <form id="MyForm">
            <label for="answer"> Factorise x<sup>2</sup> + 5x + 6:</label>
            <input type="text" id="Answer1" class="inputText">
            <br><br>
            <input type="submit" class="btn" id="clickBtn">

        </form>
    </div>
    <ul id="users">
        <li>ghv</li>
        <li>jhbh</li>
    </ul>
</div>

没有错误，我只是想知道该怎么做

Answer 1

也许 delay功能就是您所追求的。

msg
    .slideDown(2000)
    .delay(1000)
    .addClass('error')
    .text('Please Enter an Answer');

您还应该查看 chaining .