javascript - 在 JavaScript 中显示 div

Question

我在 JavaScript 中为 div 创建了一个显示和隐藏，但是代码显示和隐藏的速度非常快。不知道是不是我的代码写错了。

 <script type='text/javascript'>
   function sendpost(){
   var u = $('#myform').serialize();
 $.post('post.php',u,function(outpot){
      $('#alert').html(outpot).show().fadeOut(4000);
      $('#myform').fadeOut(1000).delay(2000).fadeIn(2000);
   });
   }
   </script>

HTML

 <div class="formone">
        <div id="alert"></div>

<form id="myform">
        Past your link here and Click "Short Now"
       <input type='text' id='mytext'  name='link' size='70' />
       <input type='submit' onclick="sendpost();" value="Short Now" />
</form>
   </div>

Answer 1

$('#myform').submit(function(e){
   // this will prevent the form from being sent - reloading the page
   e.preventDefault();
   var u = $(this).serialize();
   $.post('post.php',u,function(outpot){
       $('#alert').html(outpot).show().fadeOut(4000);
       $('#myform').fadeOut(1000).delay(2000).fadeIn(2000);
   });
});

HTML:

<form id="myform">
    <!-- ... -->
    <input type='submit' value="Short Now" />
</form>