JS定时器如何实现提交成功提示功能

来源:网络 文章列表 2020-06-17 8
应用场景:   用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。 HTML: {#评论成功提示#} <div class="popup_con" style="display: none; margin-left: 300px">

应用场景:

  用户评论后,在合适位置弹出“评论成功”,2秒钟后自动消失,提示用户评论成功。

HTML:

{#评论成功提示#} 
<div class="popup_con" style="display: none; margin-left: 300px">
  <div class="popup" >
    <p style="color: red; font-size: 16px">评论成功!</p>
  </div>
  <div class="mask"></div>
</div>

js:

// 评论成功提示定时器  // 定一定时器函数  
function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function () {
        setTimeout(function () {
            $('.popup_con').fadeOut('fast', function () { });
        }, 2000)
    });
}
// 提交评论  
$("#form_comment").submit(function (event) {
    event.preventDefault();
    var comment = $('#comment').val();
    var data = { "comment": comment };
    $.ajax({
        url: "/task_mgm/taskinfo_comment=" + taskId,
        type: "POST", data: JSON.stringify(data),
        contentType: "application/json", // 传给后端的数据类型      
        dataType: "json", // 接收后端的数据类型      
        success: function (resp) {
            if (resp.error == 'OK') {
                showSuccessMsg();
                alert('评论成功');
                $('#comment').val('');
                //清空评论框             
            } else {
                alert('评论失败');
            }
        }
    })
}) 

 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论

友情链接